﻿<!DOCTYPE html>
<html>

<head>
    <title>找机械</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <script src="js/jquery.min.js"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.12&key=85d6672bfd2c062e61eab8be3662a6b3"></script>
    <script type="application/javascript" src="./js/common.js"></script>
    <script type="application/javascript" src="./js/mobileSelect.js"></script>
    <script type="application/javascript" src="./js/MD5.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/public.css">
    <link rel="stylesheet" type="text/css" href="./css/mobileSelect.css">
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/layout.css" rel="stylesheet" />
    <link href="css/cropper.min.css" rel="stylesheet" />
    <link href="css/login.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/userinfo.css" rel="stylesheet">
    <link href="css/ershouPage.css" rel="stylesheet">
    <link href="css/gongcheng.css" rel="stylesheet">
    <link href="css/zhaopin.css" rel="stylesheet">
    <link href="css/wuliu.css" rel="stylesheet">
    <link href="css/peijian.css" rel="stylesheet">
    <link href="css/zhaobanzu.css" rel="stylesheet">
    <link href="js/plugin/dater/rangepicker.css" rel="stylesheet" />
</head>

<body>
    <!--引导页-->
    <section id="navigationPage">
        <img src="./img/tmp/icon-bg.png" class="nava-bg">
        <div>
            <div class="nav-page-first">
                <div class="nav-page-title">找机械</div>
                <img src="./img/tmp/line.png"/>
                <div class="nav-page-right">
                    <div class="nav-page-button" data-index="1">起重机械</div>
                    <div class="nav-page-button" data-index="30">混凝机械</div>
                    <div class="nav-page-button" data-index="57">路面机械</div>
                    <div class="nav-page-button" data-index="18">桩工机械</div>
                </div>
                <div>
                    <div class="nav-page-button">隧道机械</div>
                    <div class="nav-page-button" data-index="69">土方机械</div>
                    <div class="nav-page-button" data-index="44">特种机械</div>
                    <div class="nav-page-button" data-index="10">矿山机械</div>
                </div>
            </div>
            <div>
                <a class="nav-page-firsts" href="#banzuPage">找工程</a>
            </div>
        </div>
    </section>
    <section id="map" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>地图</h1></header>
        <article>
            <div id="mapGD"></div>
        </article>
    </section>
    <section id="nonePage">
        <header><a href="#" class="left hisback"></a><h1>敬请期待</h1></header>
        <article>
            <p class="nonePage-text">敬请期待</p>
        </article>
    </section>
    <!--系统消息列表-->
    <section id="messageXTPage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>系统消息列表</h1></header>
        <article>
            <div class="wrap-wrap-meg-div" id="XTList">
                <div class="wrap-meg-div">
                    <div class="wrap-meg-flex">
                        <p title>王司机</p>
                        <p matter>你大概什么时候过来，我都等</p>
                    </div>
                    <img src="./img/icon/arrowr.png" class="meg-arrow">
                </div>
            </div>
        </article>
    </section>
    <!--消息列表-->
    <section id="messagePage">
        <header><a href="#" class="left hisback"></a><h1>我的消息</h1></header>
        <article>
            <div class="wrap-xitong" ry-link="#messageXTPage"><img src="./img/tmp/message-xitong.jpeg" class="meg-icon">系统消息</div>
            <div class="wrap-wrap-meg-div">
                <div class="wrap-meg-div">
                    <div>
                        <img src="./img/tmp/message-xitong.jpeg" class="meg-head">
                    </div>
                    <div class="wrap-meg-flex">
                        <p>王司机</p>
                        <p>你大概什么时候过来，我都等</p>
                    </div>
                    <img src="./img/icon/arrowr.png" class="meg-arrow">
                </div>
                <div class="wrap-meg-div">
                    <div>
                        <img src="./img/tmp/message-xitong.jpeg" class="meg-head">
                    </div>
                    <div class="wrap-meg-flex">
                        <p>王司机</p>
                        <p>你大概什么时候过来，我都等</p>
                    </div>
                    <img src="./img/icon/arrowr.png" class="meg-arrow">
                </div>
            </div>
        </article>
        <div class="footer">
            <a href="index.html"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                <div>找需方</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div class="active">消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div>我的</div>
            </a>
        </div>
    </section>
    <!--我是供方／需方首页-->
    <section id="index" class="noheader">
        <!--<header><a href="#" class="left hisback"></a><h1>首页</h1></header>-->
        <article>
            <div class="head headsimg"><img src="./img/tmp/account.png"/></div>
            <div class="wrap-index-scrollsss">
                <div class="wrap-index-scrollsss-title"><img src="./img/tmp/zjx-title.jpeg" class="zj-title"/></div>
                <div class="wrap-index-scrollsss-tab scroll-first">
                </div>
            </div>
            <div class="wrap-title">
                <a data-index="1">我是供方</a>
                <img src="./img/tmp/active-l.png" class="active-img hide">
                <img src="./img/tmp/active-r.png" class="active-img-r">
                <a class="xu-active" data-index="0">我是需方</a>
            </div>
            <div class="index-list">
            </div>
            <div class="index-tab-borders"/>
            <div class="index-tab">
                <img src="./img/tmp/index-rotate.png" class="index-img">
                <div class="select-text"></div>
            </div>
            <!--二期模块-->
            <div class="index-tab">
                <a class="tab1" href="#ershouPage"></a>
                <a class="tab2" href="#peijianPage"></a>
                <a class="tab3 index-anli" href="#gongchengPage">案例</a>
                <a class="tab4" href="#zhaopinPage"></a>
                <a class="tab5 index-banzu" href="#banzuPage">找班组</a>
                <a class="tab6" href="#wuliuPage"></a>
            </div>
            <div class="wrap-line">
                <span class="line"></span><span class="line-Text">实用工具</span><span class="line"></span>
            </div>
            <div class="wrap-line-content">
                <img src="./img/tmp/sy-1.png" class="lin-img1" ry-link="#nonePage"/>
                <img src="./img/tmp/sy-2.png" class="lin-img2" ry-link="#nonePage"/>
                <img src="./img/tmp/sy3.png" class="lin-img3" ry-link="#nonePage"/>
                <img src="./img/tmp/sy4.png" class="lin-img4" ry-link="#nonePage"/>
                <img src="./img/tmp/sy5.png" class="lin-img5" ry-link="#nonePage"/>
                <img src="./img/tmp/sy6.png" class="lin-img6" ry-link="#nonePage"/>
                <img src="./img/tmp/sy7.png" class="lin-img7" ry-link="#nonePage"/>
                <img src="./img/tmp/sy8.png" class="lin-img8" ry-link="#nonePage"/>
            </div>
            <div class="footer">
                <a href="index.html"><div><img src="./img/tmp/index.png" class="index1"></div><div class="active">首页</div></a>
                <a onclick="toXU()">
                    <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                    <div>找需方</div>
                </a>
                <a href="#fabuListPage" class="wrap-fabu">
                    <div class="fabu">+</div>
                    <div class="fabu-text">发布需求</div>
                </a>
                <a href="#messagePage">
                    <div><img src="./img/tmp/mes.png"></div>
                    <div>消息</div>
                </a>
                <a href="#mine" islogin="#mine">
                    <div><img src="./img/tmp/index4.png"></div>
                    <div class="mineText">我的</div>
                </a>
            </div>
        </article>
    </section>
    <section id="banzuPage" class="noheader">
        <!--<header><a href="#" class="left hisback"></a><h1>找班组</h1></header>-->
        <article>
            <div class="head headsimg"><img src="./img/tmp/account.png"/></div>
            <div class="wrap-index-scrollsss">
                <div class="wrap-index-scrollsss-title whiteColor"><img src="./img/tmp/zbj-title.png" class="bz-title"/></div>
                </div>
            </div>
            <div class="wrap-title">
                <a data-index="1">我是供方</a>
                <img src="./img/tmp/active-l.png" class="active-img hide">
                <img src="./img/tmp/active-r.png" class="active-img-r">
                <a class="xu-active" data-index="0">我是需方</a>
            </div>
            <div class="index-list banzu-list">
            </div>
            <div class="index-tab-borders"/>
            <div class="index-tab">
                <img src="./img/tmp/index-rotate1.png" class="index-img">
            </div>
            <!--二期模块-->
            <div class="index-tab">
                <a class="tab1-bz" href="#gongchengPage"></a>
                <a class="tab2-bz" href="#zhaopinPage"></a>
                <a class="tab3-bz" href="#nonePage"></a>
                <a class="tab4-bz" href="#wuliuPage"></a>
            </div>
            <div class="wrap-line">
                <span class="line"></span><span class="line-Text">实用工具</span><span class="line"></span>
            </div>
            <div class="wrap-line-content">
                <img src="./img/tmp/sy-1.png" class="lin-img1" ry-link="#nonePage"/>
                <img src="./img/tmp/sy-2.png" class="lin-img2" ry-link="#nonePage"/>
                <img src="./img/tmp/sy3.png" class="lin-img3" ry-link="#nonePage"/>
                <img src="./img/tmp/sy4.png" class="lin-img4" ry-link="#nonePage"/>
                <img src="./img/tmp/sy5.png" class="lin-img5" ry-link="#nonePage"/>
                <img src="./img/tmp/sy6.png" class="lin-img6" ry-link="#nonePage"/>
                <img src="./img/tmp/sy7.png" class="lin-img7" ry-link="#nonePage"/>
                <img src="./img/tmp/sy8.png" class="lin-img8" ry-link="#nonePage"/>
            </div>
            <div class="footer">
                <a href="index.html"><div><img src="./img/tmp/index.png" class="index1"></div><div class="active">首页</div></a>
                <a onclick="toXU()">
                    <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                    <div>找需方</div>
                </a>
                <a href="#fabuListPage" class="wrap-fabu">
                    <div class="fabu">+</div>
                    <div class="fabu-text">发布需求</div>
                </a>
                <a href="#messagePage">
                    <div><img src="./img/tmp/mes.png"></div>
                    <div>消息</div>
                </a>
                <a href="#mine" islogin="#mine">
                    <div><img src="./img/tmp/index4.png"></div>
                    <div>我的</div>
                </a>
            </div>
        </article>
        <div id="fabuSuccess">
            <div class="success-bg hide">
                <div class="fabusuccess-wrap">
                    <img src="./img/tmp/fabu-success.png">
                    <p>增加机械，提交成功</p>
                    <div class="fabu-button">继续增加</div>
                </div>
            </div>
        </div>
    </section>
    <!--二手机械下单-->
    <section id="erhsou-order">
        <header>
            <a href="#" class="left hisback"></a><h1>我的订单</h1><a class="right w-help">帮助</a>
        </header>
        <article>
            <div class="myneed-wrap">
                <div class="tab">
                    <div class="active xiadanjiedan" index="1" onclick="xiadan()">下单接单</div>
                    <div index="2" onclick="getAppendAgree()">待同意</div>
                    <div index="3" onclick="getAppendPay()">待支付</div>
                    <div index="4" onclick="getAlready()">已成交</div>
                    <div index="5" onclick="getChexiao()">以撤销</div>
                    <div index="6" onclick="weiyue()">违约</div>
                    <div index="7" onclick="confirmOrderList()">确认成交</div>
                </div>
                <div class="flex1">
                    <div class="myNeed-wrap-content xiadan">
                        <div class="myNeed-content-list">
                            <div class="myNeed-content">
                                <div>
                                    <div>机械类型</div>
                                    <div>设备型号</div>
                                    <div>出厂年限</div>
                                    <div>使用时间</div>
                                    <div>是否需要佣金</div>
                                    <div>是否自营</div>
                                </div>
                                <div class="myNeed-content-se">
                                    <div class="myneed-classfiy"></div>
                                    <div class="myneed-trademarklid"></div>
                                    <div><span  class="myneed-period"></span></div>
                                    <div class="myneed-approachtime"></div>
                                    <div class="myneed-commission"></div>
                                    <div class="myneed-clearingform"></div>
                                </div>
                            </div>
                        </div>
                        <div class="wrap-need-button">
                            <div class="baojia">我要报价</div>
                            <div class="already hide">已报价</div>
                            <div onclick="toChat()">聊聊</div>
                        </div>
                    </div>
                    <div class="myneed-list">

                    </div>
                </div>
                <div class="myNeed-wrap-help hide">
                    <div class="myNeed-help">
                        <p>问：<span>发布中可以管理哪些信息？</span></p>
                        <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                    </div>
                    <div class="myNeed-help">
                        <p>问：<span>发布中可以管理哪些信息？</span></p>
                        <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                    </div>
                    <div class="myNeed-help">
                        <p>问：<span>发布中可以管理哪些信息？</span></p>
                        <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                    </div>
                </div>
        </article>
        <div id="priceToast">
            <div class="toast-bg hide">
                <div class="fabusuccess-wrap">
                    <div class="priceToast-title">输入报价金额</div>
                    <div><input type="text" class="priceToast-input"/></div>
                    <div class="confirm-button">
                        <div onclick="cancelToast()">取消</div>
                        <div class="confirm">确定</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--发布需求列表-->
    <section id="fabuListPage">
        <header><a href="#" class="left hisback"></a><h1>选择需求类型</h1></header>
        <article>
            <div class="fabulist-flex" ry-link="#fabupage" islogin="#fabupage">
                <div>找机械</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex" onclick="tofabuBanzhuPage()">
                <div>找班组</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <!--<div class="fabulist-flex" onclick="togfSavePage()">-->
                <!--<div>找班组(供方)</div>-->
                <!--<img src="./img/icon/arrowr.png"/>-->
            <!--</div>-->
            <div class="fabulist-flex" onclick="toErshou()">
                <div>卖二手机械</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex">
                <div>物流运输</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex" onclick="toQiuzhi()">
                <div>求职</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex" onclick="toZhaopin()">
                <div>招聘</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex">
                <div>找配件</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
            <div class="fabulist-flex">
                <div>在线维修</div>
                <img src="./img/icon/arrowr.png"/>
            </div>
        </article>
        <div class="footer">
            <a href="index.html"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                <div>找需方</div>
            </a>
            <a href="#fabupage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text active">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
    </section>
    <!--找班组发布-->
    <section id="fabuBanzhuPage">
        <header><a href="#" class="left hisback"></a><h1>找班组发布</h1></header>
        <article class="noBottom">
            <form class="add-jixie-wrap" id="banzu">
                <div>
                    <div>
                        <div class="banzu-title">施工地点</div>
                        <div><span>请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="location"></div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div class="banzu-title">项目类别</div>
                        <div>
                            <div><span id="bz-xm">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="classifyid"></div>
                        </div>
                    </div>
                    <div>
                        <div class="banzu-title">班组类型</div>
                        <div><span id="bz-type">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="trademarklid"></div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div class="banzu-title">预计工期</div>
                        <div><input type="text" name="period" class="no-border">天</div>
                    </div>
                    <div>
                        <div class="banzu-title">预计数量</div>
                        <div><input type="text" name="period" class="no-border">天</div>
                    </div>
                    <div>
                        <div class="banzu-title">进场时间</div>
                        <div><span id="bz-time">请选择</span><img src="./img/icon/arrowr.png" class="rigtsa"></div>
                        <input type="hidden" name="approachtime">
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div class="banzu-title">是否需要发票</div>
                        <div>
                            <span class="is-left"><input type="radio" name="isinvoice" value="1"/>是</span>
                            <span class="is-left"><input type="radio" name="isinvoice" value="0"/>否</span>
                        </div>
                    </div>
                    <div>
                        <span class="is-left"><input type="radio" name="invoicetype" value="0"/>普票</span>
                        <span class="is-left"><input type="radio" name="invoicetype" value="1"/>专票</span>
                    </div>
                    <div>
                        <div class="banzu-title">是否需要佣金</div>
                        <div>
                            <span class="is-left"><input type="radio" name="iscommission" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="iscommission" value="1"/>否</span>
                        </div>
                    </div>
                    <div>
                        <div>中间商总价费用<input type="text" class="fabu-input" name="commission">%或<input type="text" placeholder="请输入" class="fabu-input" name="commission"/>元</div>
                    </div>
                    <div>
                        <div class="banzu-title">报价是否含税</div>
                        <div>
                            <span class="is-left"><input type="radio" name="ishastax" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="ishastax" value="1"/>否</span>
                        </div>
                    </div>
                </div>
                <div class="fabu-borders"></div>
                <div>
                    <textarea placeholder="请简单描述一下设计方案" class="fabu-textrear" name="summary"></textarea>
                </div>
                <div class="fabu-borders"></div>
                <div class="add-jixie-wrap-contract">
                    <div>
                        <div class="banzu-title">联系人</div>
                        <div><input type="text" class="fabu-link" name="linkman"/></div>
                    </div>
                    <div>
                        <div class="banzu-title">联系电话</div>
                        <div><input type="text" class="fabu-tel" name="telphone"/></div>
                    </div>
                </div>
            </form>
            <div class="wuliu-btn">
                <div>查看附近设备</div>
                <div class="banzu-fabu">50公里发布</div>
            </div>
        </article>
        <div id="fabuSuccess">
            <div class="success-bg hide">
                <div class="fabusuccess-wrap">
                    <img src="./img/tmp/fabu-success.png">
                    <p>增加机械，提交成功</p>
                    <div class="fabu-button" onclick="tofabuBanzhuPage()">继续增加</div>
                </div>
            </div>
        </div>
    </section>
    <!--供方保存-->
    <section id="gfSavePage">
        <header><a href="#" class="left hisback"></a>
            <div class="wrap-addjixie-sss">
                <div class="addjixie-active">供方保存</div>
                <div ry-link="#myjixie">保存修改</div>
            </div>
        </header>
        <article>
            <form id="gf-bz">
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">项目类别</div>
                <div class="fabu-zp-flex1">
                     <span id="bz-g-class">请选择</span>
                </div>
                <input type="hidden" placeholder="请选择" name="classifyid">
                <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">班组类型</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请选择">
                </div>
                <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">所在位置</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请输入" name="location">
                </div>
                <!--<img src="./img/tmp/location.png" class="fabu-zp-arrow"/>-->
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">业务地区</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请输入" name="addr">
                </div>
                <!--<img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>-->
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">联系人</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请输入" name="linkman">
                </div>
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title">联系电话</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请输入" name="telphone">
                </div>
            </div>
            </form>
            <div class="wuliu-btn">
                <div>继续登记</div>
                <div class="banzu-save">保存提交</div>
            </div>
        </article>
    </section>
    <!--物流的筛选-->
    <section id="wuliuSXPage">
        <div class="wrap-wuliuSXPage">
            <p class="wlx-title-s ls-s">装货时间：可多选</p>
            <div class="wlx-title-flex">
                <div>不限</div>
                <div>今天</div>
                <div>明天</div>
                <div>明天以后</div>
            </div>
            <p class="wlx-title-s ls-s">车长：可多选</p>
            <div class="wlx-title-flex">
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
            </div>
            <p class="wlx-title-s ls-s">车型：(可多选)</p>
            <div class="wlx-title-flex">
                <div>快递</div>
                <div>设备</div>
                <div>配件</div>
                <div>百货</div>
                <div>建材</div>
                <div>视频</div>
                <div>饮料</div>
                <div>木材</div>
            </div>
        </div>
    </section>
    <!--设置车头车牌号-->
    <section id="setChePage">
        <header><a href="#" class="left hisback"></a><h1>车头车牌号</h1><a class="right">确定</a></header>
        <article>
            <div class="wra-setChe">
            <div class="wra-setChe-title">
                <span>设置车头车牌号：</span><input type="text"/>
            </div>
            <div class="wrap-wra-setChe">
                <p class="wra-setChe-s-title">省份</p>
                <div class="wra-setChe-s-div">
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                </div>
                <p class="wra-setChe-s-title">地区</p>
                <div class="wra-setChe-s-div">
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                </div>
                <p class="wra-setChe-s-title">数字</p>
                <div class="wra-setChe-s-div">
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                    <div>京</div>
                </div>
            </div>
            </div>
        </article>
    </section>
    <!--货物名称-->
    <section id="wlHWPage">
        <header><a href="#" class="left hisback"></a><h1>货物名称</h1><a class="right">确定</a></header>
        <article>
            <div class="wlx-title-flex">
                <div>快递</div>
                <div>设备</div>
                <div>配件</div>
                <div>百货</div>
                <div>建材</div>
                <div>视频</div>
                <div>饮料</div>
                <div>木材</div>
            </div>
        </article>
    </section>
    <!--车型车长-->
    <section id="wuliuchexingPage">
        <header><a href="#" class="left hisback"></a><h1>车型车长</h1><a class="right">确定</a></header>
        <article>
            <div class="wlx-title">
                <div>整车</div>
                <div>零担</div>
            </div>
            <p class="wlx-title-s">车长：最多3个</p>
            <div class="wlx-title-flex">
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
                <div>0.5</div>
            </div>
            <p class="wlx-title-s">车型：最多3个</p>
            <div class="wlx-title-flex">
                <div>平板</div>
            </div>
        </article>
    </section>
    <!--找货-->
    <section id="wuliuFindPage">
        <header><a href="#" class="left hisback"></a><h1>找货</h1></header>
        <article>
            <div class="wrap-filter">
                <div><span>出发地</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="location"></div>
                <div><span>目的地</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="classfiyid"/></div>
                <div><span>默认排序</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>
                <div><span>筛选</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>
            </div>
            <div class="wrap-wuliu-find-list">
                <div class="wuliu-find-list">
                    <div class="wuliu-find-list-title">
                        <strong location>福建南平市邵武市</strong><img src="./img/tmp/wuliuto.png" class="wuliuto"><strong tolocation>福建南平市邵武市</strong>
                    </div>
                    <div class="wuliu-find-list-content">
                        <span clength>12.5米</span><span>平板/高栏/高地板</span><span weight>21-23吨材料</span><span zcshijian>明天装货
                    一装以卸</span>
                    </div>
                    <div class="wuliu-find-list-bottom">
                        <div class="wuliu-find-list-flex1"><img src="./img/tmp/wuliuicon.png" class="wuliuicon"><span>200</span>挖机带锤</div>
                        <div>1分钟前</div>
                    </div>
                </div>
            </div>
        </article>
        <div class="footer">
            <a href="#wuliuPage"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
            <a onclick="toZH()">
                <div><img src="./img/tmp/zhaohuo-active.png"></div>
                <div  class="active">找货</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
    </section>
    <!--我的车辆-->
    <section id="wuliuChePage">
        <header><a href="#" class="left hisback"></a><h1>我的车辆</h1></header>
        <article class="noBottom">
            <div class="wrap-wc-list">
                <div class="wc-list">
                    <div class="wc-list-flex">
                        <div class="wc-list-flex-head">1</div>
                        <div class="wc-list-flex1">机械类型：货车</div>
                        <div class="wc-list-flex-update">修改</div>
                    </div>
                    <div class="wc-list-content">
                        <div>车型车长：<span length></span></div>
                        <div>所在位置：<span location>北京市昌平区山高世界</span></div>
                        <div>机械定位：<span jxlocation>北京市昌平区山高世界</span></div>
                        <div>GPS定位：<span gps>北京市昌平区山高世界</span></div>
                        <div>车头车牌号：<span ctpai>北京市昌平区山高世界</span></div>
                        <div>挂车行驶证：<span gcpai>北京市昌平区山高世界</span></div>
                        <div>联系人：<span linkman>北京市昌平区山高世界</span></div>
                        <div>联系电话：<span telphone>北京市昌平区山高世界</span></div>
                    </div>
                    <div class="wc-list-wrap-img">
                        <div>
                            <img src="./img/tmp/ershou-bg.png">
                            <p>车头行驶证</p>
                        </div>
                        <div>
                            <img src="./img/tmp/ershou-bg.png">
                            <p>挂车行驶证</p>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--物流-->
    <section id="wuliuPage">
        <header><a href="#" class="left hisback"></a><h1>物流</h1></header>
        <article>
            <form class="wuliu-huo hide">
            <div>
                <div class="head"><img src="./img/tmp/wuliu-bg.png"/></div>
                <div class="wrap-peijian-head">
                    <div class="peijian-head">
                        <div class="peijian-active" data-index="1">我是货方</div>
                        <div data-index="2">我是车方</div>
                    </div>
                    <div class="wrap-peijian-div">
                        <div>
                            <img src="./img/tmp/wuliu1.png" class="peijian-img">
                            <p class="peijian-div-p">发布货源</p>
                        </div>
                        <div>
                            <img src="./img/tmp/wuliu2.png" class="peijian-img">
                            <p class="peijian-div-p">我的订单</p>
                        </div>
                    </div>
                </div>
                <div>
                    <p class="wuliu-title">货源登记</p>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">出发地</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择" name="location">
                        </div>
                        <img src="./img/tmp/location.png" class="fabu-zp-arrow"/>
                    </div>
                    <div class="pj-dj-div">
                        <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                        <p class="pj-de-tip">提示： 上传图片</p>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">目的地</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择" name="tolocation">
                        </div>
                        <img src="./img/tmp/location.png" class="fabu-zp-arrow"/>
                    </div>
                    <div class="pj-dj-div">
                        <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                        <p class="pj-de-tip">提示： 上传图片</p>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">车型车长</div>
                        <div class="fabu-zp-flex1" onclick="toCheXing()">
                            <input type="text" placeholder="请选择" name="length">
                        </div>
                        <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">货物类型</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择" onclick="towlHWPage()">
                        </div>
                        <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">装车时间</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择">
                        </div>
                        <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">货物图片</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择">
                        </div>
                        <img src="./img/tmp/location.png" class="fabu-zp-arrow"/>
                    </div>
                    <p class="wuliu-title-s"><span>提示：</span>上传货物照片能得到更多精准报价</p>
                    <div>
                        <p class="wuliu-title">货物重量/体积（至少填写一项）</p>
                        <div class="pj-dj-div wl-input">
                            <div><span>重量：</span><input type="text" name="weight"/>吨，或<input type="text" name="weight"/>方</div>
                        <div><span>体积：</span>长<input type="text" name="clength"/>宽<input type="text" name="cwidth"/>高<input type="text" name="cheight"/></div>
                        </div>
                        <div class="tw-content">
                            <textarea placeholder="留言详情描述.." name="detail"></textarea>
                        </div>
                    </div>
                    <div class="pj-dj-div">
                        <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                        <p class="pj-de-tip">提示： 上传图片</p>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">联系人</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择">
                        </div>
                    </div>
                    <div class="fabu-zp-flex">
                        <div class="fabu-zp-title">联系电话</div>
                        <div class="fabu-zp-flex1">
                            <input type="text" placeholder="请选择">
                        </div>
                    </div>
                </div>
            </div>
            <div class="wuliu-btn">
                <div>查看附近设备</div>
                <div class="wuliu-fabu-huofang">25公里发布</div>
            </div>
            </form>
            <form class="wuliu-che">
                <div>
                    <div class="head"><img src="./img/tmp/wuliu-bg.png"/></div>
                    <div class="wrap-peijian-head">
                        <div class="peijian-head">
                            <div data-index="1">我是货方</div>
                            <div class="peijian-active" data-index="2">我是车方</div>
                        </div>
                        <div class="wrap-peijian-div">
                            <div>
                                <img src="./img/tmp/wuliu3.png" class="peijian-img">
                                <p class="peijian-div-p">车辆登记</p>
                            </div>
                            <div onclick="towuliuChePage()">
                                <img src="./img/tmp/wuliu4.png" class="peijian-img">
                                <p class="peijian-div-p">我的车辆</p>
                            </div>
                            <div>
                                <img src="./img/tmp/wuliu5.png" class="peijian-img">
                                <p class="peijian-div-p">车辆管理</p>
                            </div>
                        </div>
                    </div>
                    <div>
                        <p class="wuliu-title">车辆登记</p>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">车型车长</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="length">
                            </div>
                            <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">车辆定位（随车电话）</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择">
                            </div>
                            <img src="./img/tmp/location.png" class="fabu-zp-arrow"/>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">GPS定位</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="gps">
                            </div>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">联系人</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="linkman">
                            </div>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">联系电话</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="telphone">
                            </div>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">车头车牌号</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="ctpai">
                            </div>
                            <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">车头行驶证</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择">
                            </div>
                        </div>
                        <div class="pj-dj-div">
                            <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                            <p class="pj-de-tip">提示： 上传图片</p>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">挂车车牌号</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择" name="gcpai">
                            </div>
                            <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                        </div>
                        <div class="fabu-zp-flex">
                            <div class="fabu-zp-title">挂车行驶证</div>
                            <div class="fabu-zp-flex1">
                                <input type="text" placeholder="请选择">
                            </div>
                        </div>
                        <div class="pj-dj-div">
                            <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                            <p class="pj-de-tip">提示： 上传图片</p>
                        </div>
                    </div>
                </div>
                <div class="wuliu-btn">
                    <div class="wuliu-fabu-chefang">保存提交</div>
                    <div>继续登记</div>
                </div>
            </form>
        </article>
        <div class="footer">
            <a href="#wuliuPage"><div><img src="./img/tmp/index.png" class="index1"></div><div class="active">首页</div></a>
            <a onclick="toZH()">
                <div><img src="./img/tmp/zhaohuo.png"></div>
                <div>找货</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
    </section>
    <!--配件列表 查找需求-->
    <section id="peijianFindPage">
        <header><a href="#" class="left hisback"></a><h1>查找需求</h1></header>
        <article class="noBottom">
            <div class="pj-find-list-header">
                <input type="text"/><span>查找配件</span>
            </div>
            <div class="wrap-pj-find-list">
                <div class="pj-find-list">
                    <img src="./img/tmp/ershou-bg.png">
                    <div class="wrap-pj-find-p">
                        <p class="pj-find-p">配件配件配件</p>
                        <p class=pj-find-price>¥56</p>
                        <p class="pi-find-num">月销562笔<span class=pi-find-addr>福州</span></p>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--配件列表 保存修改-->
    <section id="pjlistPage">
        <header><a href="#" class="left hisback"></a><h1>我的配件</h1></header>
        <article>
            <div class="wrap-my-pj-list">
                <div class="my-pj-list">
                    <p class="my-pj-list-title">配件名称：<span>汽车吊</span></p>
                    <div class="my-pj-list-flex">
                        <div>
                            <div>机械类型：<span classifyid>汽车吊</span></div>
                            <div>出场年限：<span shijian>18年10月</span></div>
                            <div>物件码：<span>767675</span></div>
                        </div>
                        <div class="my-pi-left">
                            <div>型号：<span trademarklid>SFHHA-200</span></div>
                            <div>品牌：<span trademarklid>大力</span></div>
                            <div>规格：<span specification>合格</span></div>
                        </div>
                    </div>
                    <p class="my-pj-list-lianxi">联系人： <span linkman>张全蛋</span><span telphone>16327648748</span></p>
                    <div class="my-pj-list-btn-flex">
                        <div>修改</div>
                        <div>删除</div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--配件发布需求-->
    <section id="peijianFabuPage">
        <header><a href="#" class="left hisback"></a><h1>发布需求</h1></header>
        <article class="noBottom">
            <form id="pj-fabu">
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">机械类型</div>
                    <div class="fabu-zp-flex1 peifabu-1">
                        请选择
                    </div>
                    <input placeholder="请选择" name="classifyid" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">出场年限</div>
                    <div class="fabu-zp-flex1 peifabu-2">
                        请选择
                    </div>
                    <input placeholder="请选择" name="produceddate" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">品牌</div>
                    <div class="fabu-zp-flex1 peifabu-3">
                        请选择
                    </div>
                    <input placeholder="请选择" name="trademarklid" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">规格</div>
                    <div class="fabu-zp-flex1 peifabu-4">
                        请选择
                    </div>
                    <input placeholder="请选择" name="specification" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">型号</div>
                    <div class="fabu-zp-flex1 peifabu-5">
                        <input type="text" placeholder="请选择">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">配件名称</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="name">
                    </div>
                </div>
                <div class="pj-dj-div">
                    <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                    <p class="pj-de-tip">提示： 上传图片</p>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">物件码</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="pj-dj-div">
                    <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                    <p class="pj-de-tip">提示： 上传图片</p>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系人</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="linkman">
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系电话</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="telphone">
                    </div>
                </div>
            </form>
            <div class="fabu-zp-btn" data-index="1">发布</div>
        </article>
    </section>
    <!--配件登记-->
    <section id="peijianResPage">
        <header><a href="#" class="left hisback"></a><h1>配件登记</h1></header>
        <article class="noBottom">
            <form id="pj-fabus">
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">机械类型</div>
                    <div class="fabu-zp-flex1 peires-1">
                        请选择
                    </div>
                    <input placeholder="请选择" name="classifyid" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">出场年限</div>
                    <div class="fabu-zp-flex1 peires-2">
                        请选择
                    </div>
                    <input placeholder="请选择" name="produceddate" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">品牌</div>
                    <div class="fabu-zp-flex1 peires-3">
                        请选择
                    </div>
                    <input placeholder="请选择" name="trademarklid" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">规格</div>
                    <div class="fabu-zp-flex1 peires-4">
                        请选择
                    </div>
                    <input placeholder="请选择" name="specification" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">型号</div>
                    <div class="fabu-zp-flex1 peires-5">
                        <input type="text" placeholder="请选择">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">配件名称</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="name">
                    </div>
                </div>
                <div class="pj-dj-div">
                    <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                    <p class="pj-de-tip">提示： 上传图片</p>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">物件码</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="pj-dj-div">
                    <img src="./img/tmp/add-upload.png" class="pj-de-add"/>
                    <p class="pj-de-tip">提示： 上传图片</p>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系人</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="linkman">
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系电话</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="telphone">
                    </div>
                </div>
            </form>
            <div class="fabu-zp-btn" data-index="2">确定</div>
        </article>
    </section>
    <!--在线维修-->
    <section id="onlinePeijianPage">
        <header><a href="#" class="left hisback"></a><h1>发布故障</h1><div class="on-p-header"><span>登记</span><span onclick="toguzhangFabu()">发布</span></div></header>
        <article>
            <div class="on-pj-head">
                <div>机械类型</div>
                <div>故障现象</div>
            </div>
            <div class="online-pj-wrap-list">
                <div class="online-pj-list">
                    <div class="online-pj-list-head">
                        <img src="./img/tmp/ershou-bg.png">
                        <div>
                            <p class="on-pi-head-p">
                                <span>15u6786898</span>
                                <span class="online-pj-list-tag">汽车吊</span>
                            </p>
                            <p class="on-pi-head-p">1087-09-33</p>
                        </div>
                    </div>
                    <p class="on-pi-p"><span>[发送机]</span>发动机不转怎么回事</p>
                    <div class="on-pj-head">
                        <div>
                            我要接单
                        </div>
                        <div>
                            聊一聊
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--发布故障-->
    <section id="guzhangFabu">
        <header><a href="#" class="left hisback"></a><h1>发布故障</h1></header>
        <article>
            <form id="guz-fabu">
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title gz-p">机械分类</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请输入标题" name="name">
                </div>
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title gz-p">故障部位</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请选择">
                </div>
                <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
            </div>
            <div class="fabu-zp-flex">
                <div class="fabu-zp-title gz-p">分类</div>
                <div class="fabu-zp-flex1">
                    <input type="text" placeholder="请选择">
                </div>
                <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
            </div>
            <div>
                <p class="fabu-zp-title-text gz-p">添加详情</p>
                <textarea placeholder="请输入详细内容" class="fabu-textrear" name="detail"></textarea>
            </div>
            <div class="wrap-gz-add">
                <p class="fabu-zp-title-text gz-p">添加图片</p>
                <div>
                    <img src="./img/tmp/add.png">
                </div>
            </div>
            </form>
            <div class="fabu-zp-btn guzhang-fabu">发布</div>
        </article>
    </section>
    <!--故障详情-->
    <section id="guzhangDetail">
        <header><a href="#" class="left hisback"></a><h1>故障详情</h1></header>
        <article>
            <div>
            <div class="wrap-gz-de-felx">
                <div class="gz-de-felx">
                    <img src="./img/tmp/ershou-bg.png">
                    <div>
                        <p class="gz-de-name">用户王先生</p>
                        <p class="gz-de-time">2019-08-20<span>20:00</span></p>
                    </div>
                </div>
                <div class="gz-de-p">
                    小松634765746548坏了吗？
                </div>
                <div class="gz-de-img">
                    <img src="./img/tmp/ershou-bg.png"/>
                    <img src="./img/tmp/ershou-bg.png"/>
                </div>
            </div>
            <div class="gz-footer">
                <div>
                    <img src="./img/tmp/pws.png" class="gz-ft-img">
                    <span>213</span>
                </div>
                <div>
                    <img src="./img/tmp/zan.png" class="gz-ft-img">
                    <span>213</span>
                </div>
                <div>
                    <img src="./img/tmp/mes.png" class="gz-ft-img">
                    <span>213</span>
                </div>
            </div>
            </div>
            <div>
                <p class="gz-de-com">所有评论<span>（共12条评论）</span></p>
                <div class="gz-de-list">
                    <div class="gz-de-felx">
                        <img src="./img/tmp/ershou-bg.png">
                        <div>
                            <p class="gz-de-name">用户王先生</p>
                            <p class="gz-de-time">2018-09-30</p>
                        </div>
                    </div>
                    <div class="gz-de-p gz-de-c-p">安全第一</div>
                </div>
            </div>
            <div class="gz-de-footer">
                <input type="text" placeholder="添加评论"/>
                <span>发送</span>
            </div>
        </article>
    </section>
    <!--故障提问-->
    <section id="guzhangTiwenPage">
        <header><a href="#" class="left hisback"></a><h1>故障提问</h1></header>
        <article>
            <div class="tw-header">
                <span>详情</span><img src="./img/tmp/zixun1.png"><img src="./img/tmp/zixun2.png">
            </div>
            <div class="tw-content">
                <textarea placeholder="描述详情">

                </textarea>
                <p>
                    长按图片可取消上传
                </p>
            </div>
            <div class="tw-content-btn">立即咨询</div>
        </article>
    </section>
    <!--故障咨询-->
    <section id="guzhangPage">
        <header class="gz-header"><a href="#" class="left hisback"></a><input type="text"/><div class="gz-header-right" onclick="toguzhangTiwenPage()"><img src="./img/tmp/qs.png" class="gz-qs"><p>提问</p></div></header>
        <article>
            <div class="gz-list">
            <div>
                <div class="gz-head"><img src="./img/tmp/ershou-bg.png" class="zhaopin-list-head"><span class="zhaopin-list-name">用户1265</span><span class="zhaopin-list-time">2018-06-20</span></div>
            </div>
            <div class="gz-flex">
                <div class="gz-content">lolololoehjhkjsdhkddfhkjdfhkjdfhkjhfdkhfdkdfhk</div>
                <img src="./img/tmp/ershou-bg.png" class="gz-img">
            </div>
            <div class="gz-footer">
                <div>
                    <img src="./img/tmp/pws.png" class="gz-ft-img">
                    <span>213</span>
                </div>
                <div>
                    <img src="./img/tmp/zan.png" class="gz-ft-img">
                    <span>213</span>
                </div>
                <div>
                    <img src="./img/tmp/mes.png" class="gz-ft-img">
                    <span>213</span>
                </div>
            </div>
            </div>
        </article>
    </section>
    <!--配件维修-->
    <section id="peijianPage">
        <header><a href="#" class="left hisback"></a><h1>配件维修</h1></header>
        <article>
            <div class="head"><img src="./img/tmp/peijian-bg.png"/></div>
            <div>
                <div class="wrap-peijian-head">
                    <div class="peijian-head">
                        <div class="peijian-active" data-index="1">配件需方</div>
                        <div data-index="2">配件供方</div>
                    </div>
                    <div class="wrap-peijian-div">
                        <div class="pei-gong hide">
                            <img src="./img/tmp/peijian11.png" class="peijian-img" onclick="topeijianRes()">
                            <p class="peijian-div-p">登记配件</p>
                        </div>
                        <div class="pei-gong hide">
                            <img src="./img/tmp/peijian12.png" class="peijian-img" onclick="topeijianBC()">
                            <p class="peijian-div-p">修改保存</p>
                        </div>
                        <div class="pei-xu">
                            <img src="./img/tmp/peijian1.png" class="peijian-img"  onclick="topeijianFabu()">
                            <p class="peijian-div-p">发布需求</p>
                        </div>
                        <div class="pei-xu">
                            <img src="./img/tmp/peijian2.png" class="peijian-img" onclick="topeijianFindPage()">
                            <p class="peijian-div-p">查找需求</p>
                        </div>
                    </div>
                </div>
                <div class="wrap-peijian-div wrap-center-div">
                    <div>
                        <img src="./img/tmp/peijian3.png" class="peijian-img" onclick="toguzhangPage()">
                        <p class="peijian-div-p">故障咨询</p>
                    </div>
                    <div>
                        <img src="./img/tmp/peijian4.png" class="peijian-img" onclick="toonlinePeijianPage()">
                        <p class="peijian-div-p">在线维修</p>
                    </div>
                    <div>
                        <img src="./img/tmp/peijian5.png" class="peijian-img">
                        <p class="peijian-div-p">附近技师</p>
                    </div>
                    <div>
                        <img src="./img/tmp/peijian6.png" class="peijian-img">
                        <p class="peijian-div-p">更多</p>
                    </div>
                </div>
                <div class="wrap-peijian-content">
                    <div class="wrap-wrap-peijian-s">
                        <div class="wrap-peijian-s-title">易损件</div>
                        <div class="wrap-peijian-s">
                            <div class="peijian-s">
                                <div class="peijian-s-title">
                                    <p>钢丝绳购买</p>
                                    <p>厂家让利十款</p>
                                </div>
                                <img src="./img/tmp/peijian7.png" class="peijian-img">
                            </div>
                            <div class="peijian-s left-pei">
                                <div class="peijian-s-title">
                                    <p>液压油</p>
                                    <p>惠买更安全</p>
                                </div>
                                <img src="./img/tmp/peijian8.png" class="peijian-img">
                            </div>
                        </div>
                    </div>

                    <div class="wrap-wrap-peijian-s">
                        <div class="wrap-peijian-s-title">附近服务</div>
                        <div class="wrap-peijian-s">
                            <div class="peijian-s">
                                <div class="peijian-s-title">
                                    <p>大宗加油</p>
                                    <p>方便快捷</p>
                                </div>
                                <img src="./img/tmp/peijian9.png" class="peijian-img">
                            </div>
                            <div class="peijian-s left-pei">
                                <div class="peijian-s-title">
                                    <p>流动补胎</p>
                                    <p>方便快捷</p>
                                </div>
                                <img src="./img/tmp/peijian10.png" class="peijian-img">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </article>
        <div class="footer">
            <a href="#index"><div><img src="./img/tmp/weixiu.png" class="index1"></div><div class="active">维修</div></a>
            <a>
                <div><img src="./img/tmp/xufang.png"></div>
                <div>订单</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
    </section>
    <!--求职状态-->
    <section id="qiuzhiStatusPage">
        <header><a href="#" class="left hisback"></a><h1>我的求职</h1><a href="#fabuQiuzhiPage" class="right">发布求职</a></header>
        <article>
            <div class="wrap-my-zp-flex">
                <div class="wrap-my-zp-tab">
                    <div>发布中</div>
                    <div>重发/过期</div>
                </div>
                <div class="wrap-my-zp-content">
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">求职地区</div>
                        <div class="wrap-my-s-right">北京-海淀区</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">薪资</div>
                        <div class="wrap-my-s-right">3000</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">经验</div>
                        <div class="wrap-my-s-right">5年</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">操作证件</div>
                        <div class="wrap-my-s-right">休闲鞋</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">联系人</div>
                        <div class="wrap-my-s-right">3000</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">联系电话</div>
                        <div class="wrap-my-s-right">5年</div>
                    </div>
                    <div class="wrap-my-zp-s-flex">
                        <div class="wrap-my-s-left">出生年月</div>
                        <div class="wrap-my-s-right">休闲鞋</div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--招聘状态-->
    <section id="zhaopinStatusPage">
        <header><a href="#" class="left hisback"></a><h1>我的招聘</h1><a href="#fabuZhaopinPage" class="right">发布招聘</a></header>
        <article>
            <div class="wrap-my-zp-flex">
                <div class="wrap-my-zp-tab">
                    <div>发布中</div>
                    <div>重发/过期</div>
                </div>
                <div class="wrap-my-zp-content">
                    <div>
                        <p class="wrap-my-zp-title"><span hangye>修理</span>师傅<span class="wrap-my-zp-qz" xingzhi>全职</span></p>
                        <div>
                            <div class="my-zp-div"><img src="./img/tmp/location.png"><span location>北京 北新桥</span></div>
                            <div class="my-zp-div"><img src="./img/tmp/myzhaopin1.png"><span>5年</span></div>
                        </div>
                        <div>
                            <div class="my-zp-div"><img src="./img/tmp/myzhaopin2.png"><span>张先生</span></div>
                            <div class="my-zp-div"><img src="./img/tmp/myzhaopin3.png"><span>17367647548</span></div>
                        </div>
                        <div class="wrap-caozuo-zj"><span class="caozuo-zj">操作证件</span><span>特种设备工作人员</span></div>
                    </div>
                </div>
            </div>
        </article>
    </section>
    <!--发布求职-->
    <section id="fabuQiuzhiPage">
        <header><a href="#" class="left hisback"></a><h1>发布招聘</h1></header>
        <article class="noBottom">
            <div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">工作行业</div>
                    <div class="fabu-zp-flex1">
                        <span class="is-left fabu-zp-span"><input type="radio" name="hangye" value="建筑业"/>建筑业</span>
                        <span class="is-left fabu-zp-span"><input type="radio" name="hangye" value="机械业"/>机械业</span>
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">工作性质</div>
                    <div class="fabu-zp-flex1">
                        <span class="is-left fabu-zp-span"><input type="radio" name="xingzhi" value="1"/>全职</span>
                        <span class="is-left fabu-zp-span"><input type="radio" name="xingzhi" value="0"/>代班</span>
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">岗位类型</div>
                    <div class="fabu-zp-flex1 qz-gangwei">
                        请选择
                    </div>
                    <input type="hidden" placeholder="请选择" name="gangwei">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">设备类型<span class="fabu-zp-tip">(建筑业不填)</span></div>
                    <div class="fabu-zp-flex1 qz-classifyid">
                        请输入
                    </div>
                    <input type="hidden" placeholder="请选择" name="classifyid">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">期望地点</div>
                    <div class="fabu-zp-flex1 qz-location">
                        请输入
                    </div>
                    <input type="hidden" placeholder="请选择" name="location">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">期望薪资</div>
                    <div class="fabu-zp-flex1 qz-money">
                        请输入
                    </div>
                    <input type="hidden" placeholder="请选择" name="money">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">工作经验</div>
                    <div class="fabu-zp-flex1 qz-jingyan">
                        请选择
                    </div>
                    <input type="hidden" placeholder="请选择" name="jingyan">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">福利要求</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请输入" name="fuli">
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">证件上传</div>
                </div>
                <div class="fabu-borders"></div>
                <div>
                    <p class="fabu-zp-title-text">自我推荐（140个字符）</p>
                    <textarea placeholder="具备何种工作技能或者都操作过哪些设备？都在什么工地干过" class="fabu-textrear" name="detail"></textarea>
                </div>
                <div class="fabu-borders"></div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">性别</div>
                    <div class="fabu-zp-flex1 qz-sex">
                        请输入
                    </div>
                    <input type="hidden" placeholder="请选择" name="sex">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <input type="hidden" name="name">
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">出生年月</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请选择" name="birth">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系人</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请填写真实姓名" name="linkman">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系电话</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请填写真实电话" name="telphone">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
            </div>
            <div class="fabu-zp-btn">发布求职</div>
        </article>
    </section>
    <!--求职招聘 发布招聘-->
    <section id="fabuZhaopinPage">
        <header><a href="#" class="left hisback"></a><h1>发布招聘</h1></header>
        <article class="noBottom">
            <form id="zp-form">
                <input type="hidden" name="name"/>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">选择行业</div>
                    <div class="fabu-zp-flex1">
                        <span class="is-left fabu-zp-span"><input type="radio" name="hangye" value="建筑业"/>建筑业</span>
                        <span class="is-left fabu-zp-span"><input type="radio" name="hangye" value="机械业"/>机械业</span>
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">工作性质</div>
                    <div class="fabu-zp-flex1">
                        <span class="is-left fabu-zp-span"><input type="radio" name="xingzhi" value="全职"/>全职</span>
                        <span class="is-left fabu-zp-span"><input type="radio" name="xingzhi" value="代班"/>代班</span>
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">设备类型<span class="fabu-zp-tip">(建筑业不填)</span></div>
                    <div class="fabu-zp-flex1" id="zp-classifyid">
                        请选择
                    </div>
                    <input name="classifyid" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">工作地点</div>
                    <div class="fabu-zp-flex1" id="zp-location">
                       请选择
                    </div>
                    <input name="location" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">薪资标准</div>
                    <div class="fabu-zp-flex1" id="zp-money">
                        请选择
                    </div>
                    <input name="money" type="hidden">
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">经验要求</div>
                    <div class="fabu-zp-flex1" id="zp-jingyan">
                        请选择
                        <input name="jingyan" type="hidden">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系方式</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请输入" name="telphone">
                    </div>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">证件上传</div>
                </div>
                <div class="fabu-borders"></div>
                <div>
                    <p class="fabu-zp-title-text">工作描述（140个字符）</p>
                    <textarea placeholder="工作环境，包括操作哪些种类型设备" class="fabu-textrear" name="detail"></textarea>
                </div>
                <div class="fabu-borders"></div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系人</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请填写真实姓名" name="linkman">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
                <div class="fabu-zp-flex">
                    <div class="fabu-zp-title">联系电话</div>
                    <div class="fabu-zp-flex1">
                        <input type="text" placeholder="请填写真实电话" name="telphone">
                    </div>
                    <img src="./img/icon/arrowr.png" class="fabu-zp-arrow"/>
                </div>
            </form>
            <div class="fabu-zp-btn">发布职位</div>
        </article>
    </section>
    <!--求职招聘  招聘列表-->
    <section id="zhaopinPage">
        <header><a href="#" class="left hisback"></a><h1>招聘列表</h1><a href="#zhaopinStatusPage" class="right">我的招聘</a></header>
        <article>
            <div class="wrap-filter zhaopin-list-bg">
                <div><span id="pagehangye">行业性质</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="hangyess"></div>
                <div><span id="pageGW">岗位类型</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="gangwei"/></div>
                <div><span id="pageXinzi">薪资</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="money"/></div>
                <!--<div><span>筛选</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>-->
            </div>
            <div class="wrap-zhaopin-list">
                <div class="zhaopin-list">
                    <div><img src="./img/tmp/ershou-bg.png" class="zhaopin-list-head"><span class="zhaopin-list-name" namess>用户1265</span><span class="zhaopin-list-time" shijian>2018-06-20</span></div>
                    <div class="zhaopin-list-p"><span class="zhaopin-list-text">【招聘】</span><span title>高薪诚聘吊车司机</span></div>
                </div>
            </div>
            <div class="footer">
                <a href="#index"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
                <a onclick="toQZ()">
                    <div><img src="./img/tmp/qiuzhi.png"></div>
                    <div>求职</div>
                </a>
                <a href="#">
                    <div><img src="./img/tmp/zhaopin-active.png"></div>
                    <div class="active">招聘</div>
                </a>
            </div>
        </article>
    </section>
    <!--招聘求职列表-->
    <section id="qiuzhiPage">
        <header><a href="#" class="left hisback"></a><h1>求职列表</h1><a href="#qiuzhiStatusPage" class="right">我的求职</a></header>
        <article>
            <div class="wrap-filter zhaopin-list-bg">
                <div><span id="pagehangyes">行业性质</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="hangye"></div>
                <div><span id="pageGWs">岗位类型</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="gangwei"/></div>
                <div><span id="pageXinzis">薪资</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="money"/></div>
                <!--<div><span>筛选</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>-->
            </div>
            <div class="wrap-zhaopin-list">
                <div class="zhaopin-list">
                    <div><img src="./img/tmp/ershou-bg.png" class="zhaopin-list-head"><span class="zhaopin-list-name" namess>用户1265</span><span class="zhaopin-list-time" shijian>2018-06-20</span></div>
                    <div class="zhaopin-list-p"><span class="zhaopin-list-text">【招聘】</span><span title>高薪诚聘吊车司机</span></div>
                </div>
            </div>
            <div class="footer">
                <a href="#index"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
                <a onclick="toQZ()">
                    <div><img src="./img/tmp/qiuzhi-active.png"></div>
                    <div class="active">求职</div>
                </a>
                <a onclick="toZP()">
                    <div><img src="./img/tmp/zhaopin.png"></div>
                    <div>招聘</div>
                </a>
            </div>
        </article>
    </section>
    <!--优质供应商库-->
    <section id="gongchengYZGY">
        <header><a href="#" class="left hisback"></a><h1>优质供应商库</h1></header>
        <article>
            <div class="wrap-YZGY">
                <div class="YZGY-tab">
                    <div>机电类</div>
                    <div>装修类<img src="./img/icon/arrowr.png" class="YZGY-right"></div>
                </div>
                <div class="YZGY-content">
                    <div>家具</div>
                    <div>灯具</div>
                    <div>天花吊顶</div>
                    <div>休闲鞋</div>
                    <div>家具</div>
                    <div>灯具</div>
                </div>
            </div>
        </article>
    </section>
    <!--完善供应商信息-->
    <section id="gongchengGYS">
        <header><a href="#" class="left hisback"></a><h1>完善供应商信息</h1></header>
        <article>
            <p>经营产品</p>
            <div>
                <div class="GYS-flex">
                    <div><img src="./img/tmp/ershou-bg.png" class="GYS-img"></div>
                    <div class="GYS-flex1">
                        <div>产品：地基与基础</div>
                        <div>品牌****</div>
                    </div>
                    <div class="GYS-edit">编辑</div>
                </div>
                <div class="GYS-add-pro">
                    <img src="./img/tmp/addGYS.png">
                    <span>添加产品</span>
                </div>
            </div>
            <div class="GC-WS-btn">下一步</div>
        </article>
    </section>
    <!--完善经营产品-->
    <section id="gongchengProduct">
        <header><a href="#" class="left hisback"></a><h1>完善经营产品</h1></header>
        <article>
            <p>填写清晰准确的产品信息，开发商更容易找到您</p>
            <form id="gcProduct-write">
                <div class="GC-wrap-info">
                    <div class="GC-info-flex">
                        <div>产品名称</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="productname"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>产品分类</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="productfenlei"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>产品品牌</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="productpinpai"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>产品性质</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="productxingzhi"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-WS-conetnt">
                        <img src="./img/tmp/upload-pic.png">
                    </div>
                </div>
            </form>
            <div class="GC-WS-btn">发布产品</div>
        </article>
    </section>
    <!--完善供应商信息-->
    <section id="gongchengInfo">
        <header><a href="#" class="left hisback"></a><h1>完善供应商信息</h1></header>
        <article class="noBottom">
            <form id="wanshan-gc">
                <div class="GC-wrap-info">
                    <div class="GC-info-flex">
                        <div>公司名称</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="name"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>公司地址</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="addr"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>业务地区</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="yelocation"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>公司简介</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="info"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>公司网址</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="site"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                </div>
                <p>联系人信息</p>
                <div class="GC-wrap-info">
                    <div class="GC-info-flex">
                        <div>姓名</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="linkman"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>手机</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="telphone"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>职位</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="job"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                    <div class="GC-info-flex">
                        <div>微信</div>
                        <input type="text" placeholder="请输入" class="GC-info-input" name="wx"/>
                        <!--<img src="./img/icon/arrowr.png"/>-->
                    </div>
                </div>
            </form>
            <div class="GC-WS-btn">下一步</div>
        </article>
    </section>
    <!--完善工程案例-->
    <section id="gongchengWanshanPage">
        <header><a href="#" class="left hisback"></a><h1>完善工程案例</h1></header>
        <article>
            <p>上传企业资质（营业执照，荣誉，认证证书等）</p>
            <div class="GC-WS-conetnt">
                <img src="./img/tmp/upload-pic.png">
            </div>
            <div class="GC-WS-btn">下一步</div>
        </article>
    </section>
    <!--工程 优质供应商库-->
    <section id="gongchengHQPage">
        <header><a href="#" class="left hisback"></a><h1>优质供应商库</h1></header>
        <article>
            <div class="HQ-header">
                <div>
                    <span>
                        全国
                    </span>
                    <span>
                        <img src="./img/tmp/down.png" class="HQ-down">
                    </span>
                </div>
                <div>
                    <input type="text" placeholder="产品/公司名称"/>
                </div>
            </div>
            <div class="HQ-content">
                <div class="HQ-content-header">
                    <div><img src="./img/tmp/ershou-bg.png"></div>
                    <div class="HQ-content-header-right">
                        <div><span class="HQ-content-title">李富贵</span><span>销售经理</span></div>
                        <div>科尔卡诺有限集团</div>
                    </div>
                </div>
                <div class="HQ-content-p">产品：<span>劳伦斯大半。。巴拉巴拉</span></div>
                <div  class="HQ-content-p">手机：<span class="HQ-content-tel">15888***</span><span class="HQ-content-tel">查看</span></div>
                <div  class="HQ-content-p">服务地区：<span>浙江省</span></div>
                <div>
                    <img src="./img/tmp/ershou-bg.png" class="HQ-content-img">
                </div>
            </div>
            <div class="HQ-content">
                <div class="HQ-content-header">
                    <div><img src="./img/tmp/ershou-bg.png"></div>
                    <div class="HQ-content-header-right">
                        <div><span class="HQ-content-title">李富贵</span><span>销售经理</span></div>
                        <div>科尔卡诺有限集团</div>
                    </div>
                </div>
                <div class="HQ-content-p">产品：<span>劳伦斯大半。。巴拉巴拉</span></div>
                <div  class="HQ-content-p">手机：<span class="HQ-content-tel">15888***</span><span class="HQ-content-tel">查看</span></div>
                <div  class="HQ-content-p">服务地区：<span>浙江省</span></div>
                <div>
                    <img src="./img/tmp/ershou-bg.png" class="HQ-content-img">
                </div>
            </div>
        </article>
    </section>
    <!--工程信息详情-->
    <section id="gongchengDetailPage">
        <header><a href="#" class="left hisback"></a><h1>工程信息</h1></header>
        <article>
            <div>
                <p class="gdc-addr">福建泉州市泉港区锦川实验小学及配套道路工程</p>
                <p class="gdc-addr"><img src="./img/tmp/location.png" class="gcd-location"/><span>北京市石景山区玉泉路19号甲</span></p>
            </div>
            <div class="boders"></div>
            <div class="gdc-content">
                <div class="tab">
                    <div class="tab-div gdc-active">概况</div>
                    <div class="tab-div">动态</div>
                    <div class="flex1 tab-div">交流</div>
                    <div>信息报错</div>
                </div>
                <div class="gdc-content-flex">
                    <div>
                        <div>更新</div>
                        <div>阶段</div>
                        <div>类别</div>
                        <div>周期</div>
                        <div>面积</div>
                        <div>估计</div>
                        <div>简介</div>
                        <div>用材</div>
                    </div>
                    <div>
                        <div>2018-09-12</div>
                        <div>处于施工设计图</div>
                        <div>宿舍</div>
                        <div>2018-12至2019-12</div>
                        <div>15362m</div>
                        <div>156万</div>
                        <div>先休息休息休息休息<span>查看详情</span></div>
                        <div>装修，停车场，无供暖<span>查看详情</span></div>
                    </div>
                </div>
                <div class="boders"></div>
                <div>
                    <div class="xiangmu"><div>项目联系人</div><div>查看联系人</div></div>
                    <div class="xiangmu"><div>甲方</div><div>3人</div></div>
                    <div class="gdc-content-flex">
                        <div>
                            <div>单位</div>
                            <div>姓名</div>
                            <div>手机</div>
                            <div>电话</div>
                            <div>传真</div>
                            <div>地址</div>
                        </div>
                        <div>
                            <div>福州鲁能地产有限公司</div>
                            <div>***（工程部）</div>
                            <div>156**44444查看</div>
                            <div>215678888查看</div>
                            <div>890799</div>
                            <div>中国福建省福建</div>
                        </div>
                    </div>
            </div>
            </div>
            <div class="gcd-footer">
                <div class="gcd-footer-width">
                    <img src="./img/tmp/zhaoguanxi.png" class="zhaoguanxi">
                    <p>找关系</p>
                </div>
                <div class="gcd-footer-width">
                    <img src="./img/tmp/chengdan.png" class="chengdan">
                    <p>成单技巧</p>
                </div>
                <div class="gcd-collect">
                    <img src="./img/tmp/collect.png" class="collect">
                    <span>收藏</span>
                </div>
                <div class="gcd-collect">
                    <img src="./img/tmp/biji.png" class="biji">
                    <span>笔记</span>
                </div>
            </div>
        </article>
    </section>
    <!--工程信息-->
    <section id="gongchengPage">
        <header><a href="#" class="left hisback"></a><h1>工程信息</h1></header>
        <article>
            <div class="head"><img src="./img/tmp/ershou-bg.png"/></div>
            <div>
                <div class="gongcheng-page" onclick="tocongchengDetail()">
                    <div><img src="./img/tmp/gongcheng1.png" class="gongcheng1"></div>
                    <div class="title">工程信息</div>
                </div>
                <div class="gongcheng-page">
                    <div><img src="./img/tmp/gongcheng2.png" class="gongcheng1"></div>
                    <div class="title">采招信息</div>
                </div>
                <div class="gongcheng-page" onclick="togongchengInfo()">
                    <div><img src="./img/tmp/gongcheng3.png" class="gongcheng1"></div>
                    <div class="title">工程施工供应商</div>
                </div>
                <div class="gongcheng-page" onclick="togongchengYZGY()">
                    <div><img src="./img/tmp/gongcheng4.png" class="gongcheng1"></div>
                    <div class="title">工程设备供应商</div>
                </div>
            </div>
            <div class="boders"></div>
            <div class="wrap-gongcheng-head">
                <div class="gongcheng-head"><img src="./img/tmp/gongcheng5.png"><span>定制经营产品</span></div>
                <div class="gongcheng-content">
                    <p>完善定制，才能掌握更多商机</p>
                    <div onclick="togongchengProduct()">去定制</div>
                </div>
            </div>
            <div class="boders"></div>
            <div class="wrap-gongcheng-head">
                <div class="gongcheng-head"><img src="./img/tmp/gongcheng5.png"><span>项目关注</span></div>
                <div class="gongcheng-content">
                    <p>暂无结果，正努力为您追踪</p>
                    <p>一旦有新的更新，会第一时间告诉您</p>
                </div>
            </div>
        </article>
        <div class="footer">
            <a href="#gongchengPage"><div><img src="./img/tmp/index.png" class="index1"></div><div class="active">首页</div></a>
            <a>
                <div><img src="./img/tmp/zuji.png"></div>
                <div>足迹</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine" islogin="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
    </section>
    <!--二手机械-->
    <section id="ershouPage">
        <header><a href="#" class="left hisback"></a><h1>二手机械</h1></header>
        <article>
            <div class="head"><img src="./img/tmp/ershou-bg.png"/></div>
            <div class="wrap-index-scrollsss">
                <div class="wrap-index-scrollsss-tab scroll-first scrolltop">
                </div>
            </div>
            <div class="wrap-title">
                <a class="active" data-index="0">买二手机械</a>
                <a data-index="1">卖二手机械</a>
            </div>
            <div class="index-list">
            </div>
            <div class="index-tab-borders"/>
            <div class="ershou-wrap">
                <div class="wrshou-content">
                    <p class="title">直销设备</p>
                    <p class="desc">自营优选专场</p>
                    <div><img src="./img/tmp/zhixiao.png" class="zhixiao"></div>
                </div>
                <div class="wrshou-content">
                    <p class="title">诚信车商</p>
                    <p class="desc">优质车辆专区</p>
                    <div><img src="./img/tmp/chengxin.png" class="zhixiao"></div>
                </div>
                <div class="wrshou-content">
                    <p class="title">法务车</p>
                    <p class="desc">优质法务设备</p>
                    <div><img src="./img/tmp/fawuche.png" class="zhixiao"></div>
                </div>
                <div class="wrshou-content">
                    <div><img src="./img/tmp/jianpianyi.png" class="zhixiao"></div>
                    <p class="dibu-title">捡便宜</p>
                </div>
                <div class="wrshou-content" onclick="toGujia()">
                    <div><img src="./img/tmp/gujia.png" class="zhixiao"></div>
                    <p class="dibu-title">估价</p>
                </div>
                <div class="wrshou-content" onclick="toChengjiao()">
                    <div><img src="./img/tmp/chechengjiao.png" class="zhixiao"></div>
                    <p class="dibu-title">查成交</p>
                </div>
            </div>
            <div class="footer">
                <a href="#index"><div><img src="./img/tmp/index.png" class="index1"></div><div class="active">首页</div></a>
                <a onclick="toXU()">
                    <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                    <div>买车</div>
                </a>
                <a href="#fabuListPage" class="wrap-fabu">
                    <div class="fabu">+</div>
                    <div class="fabu-text">发布需求</div>
                </a>
                <a href="#">
                    <div><img src="./img/tmp/mes.png"></div>
                    <div>消息</div>
                </a>
                <a href="#mine" islogin="#mine">
                    <div><img src="./img/tmp/index4.png"></div>
                    <div class="mineText">我的</div>
                </a>
            </div>
        </article>
    </section>
    <!-- 查成交 -->
    <section id="chachengjiaoPage">
        <header>
            <a href="#" class="left hisback"></a><h1>查成交</h1>
        </header>
        <article>
            <div class="title">成功售出<span class="num">16594</span>辆车</div>
            <div class="wrap-chengjiao">
                <div>机械类型</div>
                <div class="wrap-chengjiao-flex1">请选择</div>
                <div><img src="./img/icon/arrowr.png" class="arrowr"></div>
            </div>
            <div class="wrap-chengjiao">
                <div>品牌型号</div>
                <div class="wrap-chengjiao-flex1">请选择</div>
                <div><img src="./img/icon/arrowr.png" class="arrowr"></div>
            </div>
            <div class="wrap-chengjiao">
                <div>生产日期</div>
                <div class="wrap-chengjiao-flex1">请选择</div>
                <div><img src="./img/icon/arrowr.png" class="arrowr"></div>
            </div>
            <div class="ershou-fabu">查询</div>
        </article>
    </section>
    <!--热门推荐-->
    <section id="hotPage">
        <header>
            <a href="#" class="left hisback"></a><h1>热门推荐</h1>
        </header>
        <article>
            <div class="hotpage-search">
                <input type="text" placeholder="搜索"/>
            </div>
            <div class="wrap-filter">
                <div><span id="ershou-paixu">排序</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="location"></div>
                <div><span id="ershou-jixie">机械类型</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="ershou-classfiyid"/></div>
                <div><span id="ershou-pinpai">品牌型号</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="ershou-trademarklid"/></div>
                <div><span>筛选</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>
            </div>
            <div class="wrap-hotpage">
                <div class="hotpage-flex" rssid>
                    <div><img src="./img/tmp/ershou-bg.png"></div>
                    <div class="hotpage-content">
                        <p classifyid>小松PC360-7挖掘机</p>
                        <div class="hotpage-desc"><span shijian>2012年</span><span usetime>7289小时</span><span>北京市</span></div>
                        <div class="cheshang">诚信车商</div>
                        <div class="hotpage-flex-price">
                            <div class="hotpage-price"><span price></span>万</div>
                            <div class="hotpage-liao">聊聊</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="needList-no-list hide">暂无数据</div>
        </article>
    </section>
    <!--二手机械发布-->
    <section id="ershoufabupage">
        <header>
            <a href="#" class="left hisback"></a><h1>买车</h1>
        </header>
        <article>
            <form class="add-jixie-wrap" id="ershou-fabu-form">
                <div>
                    <div>
                        <div class="title">设备类型</div>
                        <div>
                            <div><span id="ershou-shebei">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="classifyid"></div>
                        </div>
                    </div>
                    <div>
                        <div class="title">品牌型号</div>
                        <div><span id="ershou-xinghao">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="trademarklid"></div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div class="title">使用小时数</div>
                        <div><input type="text" name="usetime" class="text-right">小时</div>
                    </div>
                    <div>
                        <div class="title">出厂年限</div>
                        <div><span id="ershou-time">请选择使用年份</span><img src="./img/icon/arrowr.png" class="rigtsa"></div>
                        <input type="hidden" name="produceddate">
                    </div>
                    <div>
                        <div class="title">平台估价</div>
                        <div><span>暂无估计信息</span></div>
                    </div>
                    <div>
                        <div class="title">价格</div>
                        <div><input type="text" name="price" class="text-right">万元</div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div class="title">是否是法务车</div>
                        <div>
                            <span class="is-left"><input type="radio" name="islegalcar" value="1"/>是</span>
                            <span class="is-left"><input type="radio" name="islegalcar" value="0"/>否</span>
                        </div>
                    </div>
                    <div>
                        <div class="title">是否需要佣金</div>
                        <div>
                            <span class="is-left"><input type="radio" name="iscommission" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="iscommission" value="1"/>否</span>
                        </div>
                    </div>
                    <div>
                        <div class="title">中间商总价费用<input type="text" class="fabu-input" name="commission">%或<input type="text" placeholder="请输入" class="fabu-input" name="commission"/>元</div>
                    </div>
                    <div>
                        <div class="title">是否是自营</div>
                        <div>
                            <span class="is-left"><input type="radio" name="isziying" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="isziying" value="1"/>否</span>
                        </div>
                    </div>
                </div>
                <div class="fabu-borders"></div>
                <div>
                    <div>设备照片</div>
                    <div>
                        <img src="./img/tmp/add-upload.png" class="add-img">
                    </div>
                    <div class="tips">最多上传5张照片</div>
                </div>
                <div>
                    <textarea placeholder="简单介绍工地情况，方便您更快找到合适的机械" class="fabu-textrear" name="summary"></textarea>
                </div>
                <div class="fabu-borders"></div>
                <div class="add-jixie-wrap-contract">
                    <div>
                        <div class="title">联系人</div>
                        <div><input type="text" class="fabu-link" name="linkman"/></div>
                    </div>
                    <div>
                        <div class="title">联系电话</div>
                        <div><input type="text" class="fabu-tel" name="telphone"/></div>
                    </div>
                </div>
            </form>
            <div>
                <div class="ershou-fabu">发布</div>
            </div>
        </article>
        <div class="footer">
            <a href="#index"><div><img src="./img/tmp/index1.png"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/index2.png"></div>
                <div>找需方</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text active">发布需求</div>
            </a>
            <a href="#">
                <div><img src="./img/tmp/index3.png"></div>
                <div>消息</div>
            </a>
            <a href="#">
                <div><img src="./img/tmp/index4.png"></div>
                <div class="mineText">我的</div>
            </a>
        </div>
        <div id="fabuSuccess">
            <div class="success-bg hide">
                <div class="fabusuccess-wrap">
                    <img src="./img/tmp/fabu-success.png">
                    <p>增加机械，提交成功</p>
                    <div class="fabu-button">继续增加</div>
                </div>
            </div>
        </div>
    </section>
    <!--提现到-->
    <section id="rechargeTo">
        <header>
            <a href="#" class="left hisback"></a><h1>提现到</h1>
        </header>
        <article>
            <div class="rechargeTo-head">
                <div>可用余额</div>
                <div><span class="recharge-balance">1520</span><spam>元</spam></div>
            </div>
            <p>提现到</p>
            <div>
                <div class="order-pay-fangshi" data-channelid="2">
                    <div><img src="./img/tmp/weixin.png" class="wei-img"></div>
                    <div><img src="./img/tmp/no-select.png" class="select-img"></div>
                </div>
                <div class="order-pay-fangshi" data-channelid="1">
                    <div><img src="./img/tmp/zfb.png" class="wei-img"></div>
                    <div><img src="./img/tmp/select.png" class="select-img"></div>
                </div>
                <div class="order-pay-fangshi" data-channelid="3">
                    <div><img src="./img/tmp/qianbao.png" class="wei-img"></div>
                    <div><img src="./img/tmp/no-select.png" class="select-img"></div>
                </div>
            </div>
            <div class="recharge-button">立即提现</div>
        </article>
    </section>
    <!--更多设置-->
    <section id="shezhi">
        <header>
            <a href="#" class="left hisback"></a><h1>更多设置</h1>
        </header>
        <article>
            <div class="shezhi-div">切换账号</div>
            <div class="shezhi-div">消息通知</div>
            <div class="shezhi-div">关于</div>
        </article>
    </section>
    <!--增加地址-->
    <section id="addAddress">
        <input type="hidden" name="addid">
        <input type="hidden" name="addid1">
        <input type="hidden" name="addid2">
        <input type="hidden" name="addid3">
        <header>
            <a href="#" class="left hisback"></a><h1>增加地址</h1>
        </header>
        <article>
            <form id="add-address-form">
            <div class="addAddress-div">
                <p>具体地址</p>
                <input type="text" name="addr">
            </div>
            <!--<div class="add-address-flex">-->
                <!--<div>输入施工点名称</div>-->
                <!--<div class="add-address-flex-div"><input type="text" name=""/></div>-->
            <!--</div>-->
            <div class="add-address-flex">
                <div>现场联系人</div>
                <div class="add-address-flex-div"><input type="text" name="realname"/></div>
            </div>
            <div class="add-address-flex">
                <div>现场联系人电话</div>
                <div class="add-address-flex-div"><input type="text" name="telphone"/></div>
            </div>
                <div class="add-address-btn">保存</div>
            </form>
        </article>
    </section>
    <!--收获地址-->
    <section id="address">
        <header>
            <a href="#" class="left hisback"></a><h1>收获地址</h1>
        </header>
        <article>
            <div class="wrap-all-address">

            </div>
            <div class="add-address-btn" onclick="toAddAddress()">增加地址</div>
        </article>
    </section>
    <!--绑定银行卡-->
    <section id="loopBank">
        <header>
            <a href="#" class="left hisback"></a><h1>绑定银行卡</h1>
        </header>
        <article>
            <p class="loopBank-title">请输入您的身份信息</p>
            <div class="loopBank-div">
                <div>真实姓名</div>
                <div class="loopBank-div-flex"><input type="text"/></div>
            </div>
            <div class="loopBank-div">
                <div>身份证号</div>
                <div class="loopBank-div-flex"><input type="text"/></div>
            </div>
            <div class="loopBank-title"><div>请输入您的银行卡号信息</div><div class="loopBank-title-flex">支持的银行卡及限额</div></div>
            <div class="loopBank-div">
                <div>银行卡号</div>
                <div class="loopBank-div-flex"><input type="text"/></div>
            </div>
            <div class="loopBank-div">
                <div>手机号码</div>
                <div class="loopBank-div-flex"><input type="text"/></div>
                <div class="bank-code">获取验证码</div>
            </div>
            <div class="loopBank-div">
                <div>短信验证</div>
                <div class="loopBank-div-flex"><input type="text"/></div>
            </div>
            <div class="bank-agree"><input type="checkbox"/>同意《某某某》服务条款</div>
            <div class="confirm-bank">确定绑卡</div>
        </article>
    </section>
    <!-- 提现-->
    <section id="recharge">
        <header>
            <a href="#" class="left hisback"></a><h1>提现</h1>
        </header>
        <article>
            <div class="recharge-header">
                <div class="recharge-header-f">总金额：<span class="wallet-balance"></span></div>
                <!--<div class="recharge-header-s">积分：1530分</div>-->
                <div class="recharge-header-t" onclick="rechargeTo()">提现</div>
            </div>
            <!--<div class="recharge-div">-->
                <!--<div class="recharge-div-flex">购买配件余额支出99元</div>-->
                <!--<div class="recharge-div-time">2018.7.20</div>-->
                <!--<div>15:00</div>-->
            <!--</div>-->
            <div class="recharge-detail">
                <p>提现记录</p>
                <div class="recharge-detail-wrap">
                <div class="recharge-div">
                    <div class="recharge-div-flex">购买配件余额支出99元</div>
                    <div class="recharge-div-time">2018.7.20</div>
                    <div>15:00</div>
                </div>
                <div class="recharge-div">
                    <div class="recharge-div-flex">购买配件余额支出99元</div>
                    <div class="recharge-div-time">2018.7.20</div>
                    <div>15:00</div>
                </div>
                </div>
            </div>
        </article>
    </section>
    <!--我的-->
    <section id="mine">
        <header>
            <a href="#" class="left hisback"></a><h1>个人中心</h1>
        </header>
        <article>
            <img src='./img/tmp/mine-bg.png' class="mine-bg">
            <div class="mine-header">
                <div><div class="mine-header-img"><img src="./img/tmp/account.png" class="mine-ava"></div></div>
                <div><input type="text" value="历练安" class="mine-nickname" onblur="saveUserInfo()"/></div>
                <div><input type="text" value="面朝大海春暖花开" class="mine-description" onblur="saveUserInfo()"></div>
                <img src="./img/tmp/edit.png" class="mine-edit">
            </div>
            <div class="wrap-mine-content-wrap">
                <div class="wrap-mine-content">
                    <div class="mine-div" onclick="toWallet()"><img src="./img/tmp/my-wallent.png" class="mine-left-img"><div class="mine-div-name">我的钱包</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>
                    <div class="mine-div" onclick="toAddress()"><img src="./img/tmp/my-wallent.png" class="mine-left-img"><div class="mine-div-name">我的地址</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>
                    <div class="mine-div"><img src="./img/tmp/my-feedback.png" class="mine-left-img"><div class="mine-div-name">意见反馈</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>
                    <div class="mine-div"><img src="./img/tmp/my-about.png" class="mine-left-img"><div class="mine-div-name">关于我们</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>
                    <div class="mine-div"><img src="./img/tmp/my-kefu.png" class="mine-left-img"><div class="mine-div-name">联系客户</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>
                    <!--<div class="mine-div"><img src="./img/tmp/my-shezhi.png" class="mine-left-img"><div class="mine-div-name">退出登录</div><img src="./img/icon/arrowr.png" class="mine-right-img"></div>-->
                    <div class="loginout" ry-loginout="#loginpage">退出登录</div>
                </div>
            </div>
        </article>
        <div class="footer">
            <a href="index.html"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                <div>找需方</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine">
                <div><img src="./img/tmp/mine-active.png"></div>
                <div class="active mineText">我的</div>
            </a>
        </div>
    </section>
    <section id="fabupage">
        <header>
            <a href="#" class="left hisback"></a><h1>发布需求</h1>
        </header>
        <article>
            <input type="hidden" name="classifyidf">
            <form class="add-jixie-wrap" id="fabu-form">
                <div>
                    <div>
                        <input type="hidden" name="lng">
                        <input type="hidden" name="lat">
                        <div style="flex: 1;">施工地点</div>
                        <div><span onclick="gpsLocationFabu()" class="gpslocation">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="location"></div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div>机械类型</div>
                        <div>
                            <div><span id="fabu1">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="classifyid"></div>
                        </div>
                    </div>
                    <div>
                        <div>设备型号</div>
                        <div><span id="fabu2">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="trademarklid"></div>
                    </div>
                    <div>
                        <div>数量</div>
                        <div><span class="calcu cal-reduce">-</span><span class="calcu calcu-noborder">1</span><span class="calcu cal-add">+</span></span><span class="fabupage-tai">台</span><input type="hidden" name="amount" value="1"/></div>
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div>预计工期</div>
                        <div><input type="text" id="fabu4" name="period">天</div>
                    </div>
                    <div>
                        <div>进场时间</div>
                        <div id="fabu5"><img src="./img/icon/arrowr.png" class="rigtsa"></div>
                        <input type="hidden" name="approachtime">
                    </div>
                    <div class="fabu-borders"></div>
                    <div>
                        <div>是否需要发票</div>
                        <div>
                            <span class="is-left"><input type="radio" name="isinvoice" value="1"/>是</span>
                            <span class="is-left"><input type="radio" name="isinvoice" value="0"/>否</span>
                        </div>
                    </div>
                    <div>
                        <span class="is-left"><input type="radio" name="invoicetype" value="0"/>普票</span>
                        <span class="is-left"><input type="radio" name="invoicetype" value="1"/>专票</span>
                    </div>
                    <div>
                        <div>是否需要佣金</div>
                        <div>
                            <span class="is-left"><input type="radio" name="iscommission" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="iscommission" value="1"/>否</span>
                        </div>
                    </div>
                    <div>
                        <div>中间商总价费用<input type="text" class="fabu-input" name="commission">%或<input type="text" placeholder="请输入" class="fabu-input" name="commission"/>元</div>
                    </div>
                    <div>
                        <div>是否是否需要运输</div>
                        <div>
                            <span class="is-left"><input type="radio" name="istransport" value="0"/>是</span>
                            <span class="is-left"><input type="radio" name="istransport" value="1"/>否</span>
                        </div>
                    </div>
                    <div>
                        <div>结算方式</div>
                        <div>
                            <span class="is-left"><input type="radio" name="clearingform" value="1"/>现款</span>
                            <span class="is-left"><input type="radio" name="clearingform" value="2"/>签单</span>
                            <span class="is-left"><input type="radio" name="clearingform" value="3"/>月付</span>
                        </div>
                    </div>
                </div>
                <div class="fabu-borders"></div>
                <div>
                    <textarea placeholder="简单介绍工地情况，方便您更快找到合适的机械" class="fabu-textrear" name="summary"></textarea>
                </div>
                <div class="fabu-borders"></div>
            <div class="add-jixie-wrap-contract">
                <div>
                    <div>联系人</div>
                    <div><input type="text" class="fabu-link" name="linkman"/></div>
                </div>
                <div>
                    <div>联系电话</div>
                    <div><input type="text" class="fabu-tel" name="telphone"/></div>
                </div>
            </div>
            <div class="wrap-fabu-save">
                <div class="fabu-save" onclick="showShebei()">查看附近设备</div>
                <div class="fabu-save confirm">25公里发布</div>
            </div>
            </form>
        </article>
        <div class="footer">
            <a href="index.html"><div><img src="./img/tmp/index1.png"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/index2.png"></div>
                <div>找需方</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text active">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/index3.png"></div>
                <div>消息</div>
            </a>
            <a href="#">
                <div><img src="./img/tmp/index4.png"></div>
                <div>我的</div>
            </a>
        </div>
            <div id="fabuSuccess">
            <div class="success-bg hide">
                <div class="fabusuccess-wrap">
                    <img src="./img/tmp/fabu-success.png">
                    <p>增加机械，提交成功</p>
                    <div class="fabu-button">继续增加</div>
                </div>
            </div>
            </div>
    </section>
    <!--聊天界面-->
    <section id="chat">
        <header>
            <a href="#" class="left hisback"></a><h1>聊天</h1>
        </header>
        <article style="bottom: 3.2rem;">
        <div>
            <div class="chat-time">
                <span class="chat-hour">11月13日下午15：05</span>
            </div>
            <div class="wrap-chat-wrap-chat">

            </div>
        </div>
        </article>
        <div class="chat-write">
            <div class="wrap-write-yuyin">
                <img src="./img/tmp/yuyin.png" class="chat-yuyin">
                <input type="text" placeholder="请输入聊天内容" class="chat-value"/>
                <span onclick="sendMsg()" class="send">发送</span>
                <!--<img src="./img/tmp/common-chat.png" class="chat-common-chat">-->
                <img src="./img/tmp/add-chat.png" class="chat-add-chat">
            </div>
            <div class="chat-wrap-pic">
                <div><img src="./img/tmp/camera.png"><p>照片</p></div>
                <div><img src="./img/tmp/upload-pic.png"><p>拍摄</p></div>
                <div><img src="./img/tmp/location-big.png"><p>位置</p></div>
            </div>
        </div>
    </section>
    <!--聊天设置-->
    <section id="chatSet">
        <header>
            <a href="#" class="left hisback"></a><h1>聊天设置</h1>
        </header>
        <article>
        <div>
            <div class="chatSet-feedback">
                <div>屏蔽此人聊天</div>
                <img src="">
            </div>
            <div class="chatSet-feedback">清空聊天记录</div>
        </div>
        <div class="chatSet-feedback chat-set-top">
            <div>意见反馈</div>
            <img src="./img/icon/arrowr.png" class="arrow">
        </div>
        </article>
    </section>
    <!--订单支付-->
    <section id="orderPay">
        <header>
            <a href="#" class="left hisback"></a><h1>立即支付</h1>
        </header>
        <input type="hidden" name="channelid" value="17"/>
        <article>
        <div class="order-pay-title">
            <div>订单金额</div>
            <div class="fee-order"></div>
        </div>
        <p class="orderp">请选择支付方式</p>
        <div>
            <div class="order-pay-fangshi" data-channelid="2">
                <div><img src="./img/tmp/weixin.png" class="wei-img"></div>
                <div><img src="./img/tmp/no-select.png" class="select-img"></div>
            </div>
            <div class="order-pay-fangshi" data-channelid="17">
                <div><img src="./img/tmp/zfb.png" class="wei-img"></div>
                <div><img src="./img/tmp/select.png" class="select-img"></div>
            </div>
            <div class="order-pay-fangshi" data-channelid="5">
                <div><img src="./img/tmp/qianbao.png" class="wei-img"></div>
                <div><img src="./img/tmp/no-select.png" class="select-img"></div>
            </div>
        </div>
        <div class="order-pay-btn">
            <div><span class="money-left">应付金额：</span><span class="payfee-price fee-order"></span></div>
            <div class="order-pay-pay" onclick="pay()">立即支付</div>
        </div>
        </article>
    </section>
    <!--支付费用-->
    <section id="payFee">
        <header>
            <a href="#" class="left hisback"></a><h1>支付</h1>
        </header>
        <article>
        <div class="myNeed-wrap-content pay-fee">
            <p>施工点：<span>北京市昌平区上奥世纪</span></p>
            <div class="myNeed-content">
                <div>
                    <div>机械类型</div>
                    <div>设备型号</div>
                    <div>预计工期</div>
                    <div>进场时间</div>
                    <div>是否需要佣金</div>
                    <div>结算方式</div>
                    <div>设备是否需要运输</div>
                </div>
                <div>
                    <div>汽车吊</div>
                    <div>小松G12</div>
                    <div>0。5太白</div>
                    <div>2017-10-33</div>
                    <div>100</div>
                    <div>现金</div>
                    <div>200元</div>
                </div>
                <div>数量：<span>1台</span></div>
            </div>
            <img src="./img/tmp/pay-tel.png" class="pay-tel">
        </div>
        <div class="pay-fee-yongjin">佣金：<span class="payfee-price">2000元</span></div>
        <div class="pay-fee-btn">
            <div>支付费用并报价</div>
            <div>不同意</div>
        </div>
        </article>
    </section>
    <!--支付成功-->
    <section id="paySuccess">
        <article>
        <img src="./img/tmp/pay-success.png" class="pay-success-img">
        <div class="pay-success-title">支付成功</div>
        <div class="pay-success-back" onclick="toIndex()">返回首页</div>
        </article>
    </section>
    <!--需方我的需求-->
    <section id="myNeed">
        <header>
            <a href="#" class="left hisback"></a><h1>我的订单</h1><a class="right w-help">帮助</a>
        </header>
        <article>
        <div class="myneed-wrap">
            <div class="tab">
                <div class="active xiadanjiedan" index="1" onclick="xiadan()">下单接单</div>
                <div index="2" onclick="getAppendAgree()">待同意</div>
                <div index="3" onclick="getAppendPay()">待支付</div>
                <div index="4" onclick="getAlready()">已成交</div>
                <div index="5" onclick="getChexiao()">以撤销</div>
                <div index="6" onclick="weiyue()">违约</div>
                <div index="7" onclick="confirmOrderList()">确认成交</div>
            </div>
            <div class="flex1">
                <div class="myNeed-wrap-content xiadan">
                    <p>施工点：<span class="myneed-location">北京市昌平区上奥世纪</span></p>
                    <div class="myNeed-content-list">
                    <div class="myNeed-content">
                        <div>
                            <div>机械类型</div>
                            <div>设备型号</div>
                            <div>数量</div>
                            <div>预计工期</div>
                            <div>进场时间</div>
                            <div>是否需要佣金</div>
                            <div>结算方式</div>
                            <div>设备是否需要运输</div>
                        </div>
                        <div class="myNeed-content-se">
                            <div class="myneed-classfiy"></div>
                            <div class="myneed-trademarklid"></div>
                            <div><span class="myneed-amount"></span><span>台</span></div>
                            <div><span  class="myneed-period"></span>天</div>
                            <div class="myneed-approachtime"></div>
                            <div class="myneed-commission"></div>
                            <div class="myneed-clearingform"></div>
                            <div class="myneed-transportation"></div>
                        </div>
                    </div>
                </div>
                <div class="wrap-need-button">
                    <div class="baojia hide">我要报价</div>
                    <div class="already hide">已报价</div>
                    <div onclick="toChat()">聊聊</div>
                </div>
            </div>
                <div class="myneed-list">

                </div>
        </div>
            <div class="myNeed-wrap-help hide">
                <div class="myNeed-help">
                    <p>问：<span>发布中可以管理哪些信息？</span></p>
                    <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                </div>
                <div class="myNeed-help">
                    <p>问：<span>发布中可以管理哪些信息？</span></p>
                    <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                </div>
                <div class="myNeed-help">
                    <p>问：<span>发布中可以管理哪些信息？</span></p>
                    <p>答：所有发布成功的货源都会进入到改页面，包括贷信息费用以及不贷信息费的</p>
                </div>
            </div>
        </div>
        </article>
        <div id="priceToasts">
            <div class="toast-bg hide">
                <div class="fabusuccess-wrap">
                    <div class="priceToast-title">输入报价金额</div>
                    <div><input type="text" class="priceToast-inputs" id="test"/></div>
                    <div class="confirm-button">
                        <div onclick="cancelToast()">取消</div>
                        <div class="confirm">确定</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--需方列表-->
    <section id="needList">
        <header class="xufang hide"><a href="#" class="left hisback"></a><h1>需方列表</h1></header>
        <header class="gongfang"><a href="#" class="left hisback"></a><h1>机械列表</h1><a href="#fabuListPage" class="right">我的机械</a></header>
        <article>
            <div class="wrap-filter">
                <div><span id="trigger3">地点</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="location"></div>
                <div><span id="trigger1">机械类型</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="classfiyid"/></div>
                <div><span id="trigger2">状态</span><img src="./img/tmp/triangle1.png"><input type="hidden" name="state"/></div>
            </div>
            <div class="needList-wrap-list">

            </div>
            <div class="needList-no-list hide">暂无数据</div>

        </article>
        <div class="footer">
            <a href="index.html"><div><img src="./img/tmp/index1.png" class="index1"></div><div>首页</div></a>
            <a onclick="toXU()">
                <div><img src="./img/tmp/xufang.png" class="xufa"></div>
                <div class="active">找需方</div>
            </a>
            <a href="#fabuListPage" class="wrap-fabu">
                <div class="fabu">+</div>
                <div class="fabu-text">发布需求</div>
            </a>
            <a href="#messagePage">
                <div><img src="./img/tmp/mes.png"></div>
                <div>消息</div>
            </a>
            <a href="#mine">
                <div><img src="./img/tmp/index4.png"></div>
                <div>我的</div>
            </a>
        </div>
    </section>
    <!--增加机械-->
    <section id="addJixie">
        <input type="hidden" name="addjixietype"/>
        <header>
            <a href="#" class="left hisback"></a>
            <div class="wrap-addjixie-sss">
                <div class="addjixie-active toaddjxie">增加机械</div>
                <div class="tomyJixie">我的机械</div>
                <div class="tojixieList">机械管理</div>
            </div>
        </header>
        <article class="jixieList noBottom hide">
            <p class="nonePage-text">敬请期待</p>

        </article>
        <article class="myjixie-wrap hide noBottom" id="myjixie-list-add">
            <div class="wrap-list">
            </div>
        </article>
        <article class="addjixe-article">
            <input type="hidden" name="classifyidj"/>
            <form id="addjixie-form">
        <div class="add-jixie-wrap">
            <div>
                <div>
                    <div>机械类型</div>
                    <div>
                        <div><span id="addjixie2">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="classifyid"/></div>
                    </div>
                </div>
                <div>
                    <div>品牌型号</div>
                    <div><span id="addjixie1">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="trademarklid"/></div>
                </div>
                <div>
                    <div>所在位置</div>
                    <div><span id="addJixie3">请选择</span><img src="./img/tmp/down.png" class="add-jixie-down"><input type="hidden" name="location"></div>
                </div>
                <div>
                    <div>机械定位（随车号码）</div>
                    <input type="hidden" name="machinerylocation"/>
                    <div><img src="./img/tmp/location.png" class="add-jixie-location"></div>
                </div>
                <div>
                    <div>GPS定位</div>
                    <input type="hidden" name="lng"/>
                    <input type="hidden" name="lat"/>
                    <input type="hidden" name="gpslocation"/>
                    <div onclick="gpsLocation()"><span class="gpslocation"></span><img src="./img/tmp/location.png" class="add-jixie-location"></div>
                </div>
                <div>
                    <div>生产日期</div>
                    <div>
                        <div id="addJixei3">请选择<img src="./img/icon/arrowr.png" class="rigtsa"></div>
                        <input type="hidden" name="produceddate"/>
                    </div>
                </div>
                <div>
                    <div>是否有安检证</div>
                    <div>
                        <span class="is-left"><input type="radio" name="iscertificate" value="1"/>是</span>
                        <span class="is-left"><input type="radio" name="iscertificate" value="0"/>否</span>
                    </div>
                </div>
                <div>
                    <div>是否有车牌号</div>
                    <div>
                        <span class="is-left"><input type="radio" name="platenumbers" value="1"/>是</span>
                        <span class="is-left"><input type="radio" name="platenumbers" value="0"/>否</span>
                    </div>
                </div>
                <div class="fabu-borders"></div>
            </div>
        </div>
        <div class="add-jixie-wrap-contract">
            <div>
                <div>联系人</div>
                <div><input type="text" class="add-jixie-link" name="linkman"/></div>
            </div>
            <div>
                <div>联系电话</div>
                <div><input type="text" class="add-jixie-tel" name="telphone"/></div>
            </div>
        </div>
        <div class="fabu-borders"></div>
        <div class="add-jixie-upload">
            <textarea placeholder="描述机械详情" name="detail"></textarea>
            <div>
                <ul class="photolist leftalign">
                    <li ry-upload="input" data-name="ico" data-amount="5"><div></div><input type="file" /></li>
                </ul>
            </div>
            <div class="tips">最多上传五张图片</div>
        </div>
        <div class="add-jixie-save">保存提交</div>
            </form>
        <div class="add-jixie-toast hide">
            <div>
                <div class="title">
                    <div class="add-jixie-toast-cancel">取消</div>
                    <div class="add-jixie-toast-confirm">确定</div>
                </div>
                <div class="add-jixie-toast-content hide">
                    <div>矿工机械</div>
                    <div>隧道机械</div>
                    <div>矿山机械</div>
                    <div>起重机械</div>
                    <div>土方机械</div>
                    <div>特种机械</div>
                    <div>混凝机械</div>
                    <div>路面机械</div>
                </div>
                <div class="add-jixie-toast-content">
                    <div>塔吊</div>
                    <div>叉车</div>
                    <div>随车吊</div>
                    <div>折臂吊</div>
                    <div>高空作业车</div>
                    <div>汽车吊</div>
                    <div>塔吊</div>
                    <div>叉车</div>
                    <div>随车吊</div>
                    <div>折臂吊</div>
                    <div>高空作业车</div>
                    <div>汽车吊</div>
                </div>
            </div>
        </div>
        </article>
    </section>
    <!--我的机械-->
    <section id="myjixie">
        <header class="jixie-name"><a href="#" class="left hisback"></a><h1>我的机械</h1><a onclick="toAdd()" class="right">增加机械</a></header>
        <header class="banzujixi-name"><a href="#" class="left hisback"></a><h1>我的班组</h1><a onclick="toAdds()" class="right">增加班组</a></header>
        <article class="myjixie-wrap" id="myjixie-list">
        <div class="wrap-list">
        </div>
        </article>
    </section>
    <!--积分操作-->


    <!--积分操作-->


    <!--兑换账户余额-->
    <section id="integraltocashpage">
        <header>
            <a href="#" class="left hisback"></a><h1>兑换账户余额</h1>
        </header>
        <article>
            <h2>可用积分：<span useintegral></span></h2>
            <table class="tableitem">
                <thead>
                    <tr>
                        <td>ID</td>
                        <td>名称</td>
                        <td>积分</td>
                        <td>金额</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody id="integraltocashwrap">
                    <tr>
                        <td rssid></td>
                        <td rsstitle></td>
                        <td integral></td>
                        <td fee></td>
                        <td mapattr="rssid">兑换</td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--积分兑换优惠券-->
    <section id="integraltocouponpage">
        <header>
            <a href="#" class="left hisback"></a><h1>积分兑换优惠券</h1>
        </header>
        <article>
            <h2>可用积分：<span useintegral></span></h2>
            <table class="tableitem">
                <thead>
                    <tr>
                        <td>ID</td>
                        <td>名称</td>
                        <td>积分</td>
                        <td>金额</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody id="integralcouponitemwrap">
                    <tr>
                        <td rssid></td>
                        <td rsstitle></td>
                        <td integral></td>
                        <td fee></td>
                        <td mapattr="rssid">兑换</td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--H5绘制手势-->






    <!--商品列表页-->


    <section id="shopdetailpage" class="footer">
        <header><a href="#" class="left hisback"></a><h1>商品详情页</h1></header>
        <article>
            <h2 rsstitle></h2>
        </article>
        <footer>
            <button type="button" ry-cart="append" mapdata="relationid,unitprice" data-moduleid="2">增加到购物车</button><a href="#shopcarpage">购物车</a>
        </footer>
    </section>

    <section id="shopcarpage" class="footer">
        <header><a href="#" class="left hisback"></a><h1>购物车</h1></header>
        <article>
            <table>
                <tbody id="shopcaritem">
                    <tr>
                        <td rsstitle></td>
                        <td><b cart-handle="-">-</b><input type="text" mapattr="price,idx" amount /><b cart-handle="+">+</b></td>
                        <td price></td>
                        <td totalprice></td>
                    </tr>
                </tbody>
            </table>
        </article>
        <footer>
            <span>Y<b>0.00</b></span>
        </footer>
    </section>

    <!--充值支付页-->


    <!--二维码扫码支付框-->
    <div id="payqrcodewrap">
        <div>
            <h2>订单将在<span id="payqrcodetick">15</span>分钟后自动取消，请即时付款<b>X</b></h2>
            <h3>订单号：<span id="payqrcodeorderid"></span></h3>
            <h3>项目名称：<span id="payqrcodename"></span></h3>
        </div>
        <p id="payqrcode"></p>
        <h4 id="payqrcodechannel"></h4>
        <h4>付款金额：<span id="payqrcodefee"></span>元</h4>
    </div>
    <!--登陆页-->
    <!--短信验证码登陆-->
    <section id="smsloginpage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>找回密码</h1></header>
        <article>
            <form class="loginwrap" id="smsloginwrap">
                <label><input type="text" name="smscode" placeholder="请输入手机号" class="login-input tel"/><div class="getCode">获取验证码</div><div class="getCode time hide">60</div></label>
                <label><input type="tel" name="telphone" placeholder="请输入短信验证码" class="login-input sms-code"/></label>
                <label><input type="text" name="imgcode" maxlength="6" placeholder="图片验证码" class="login-input imgcodess"/><img ry-imgtoken /></label>
                <label class="relative"><input type="tel" name="telphone" placeholder="请设置6-20位密码" class="login-input pwd"/><img src="./img/tmp/pws.png" class="pws"></label>
            </form>
            <a class="loginbtn register">修改密码</a>
        </article>
    </section>

    <!--账号密码登陆-->
    <section id="loginpage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>账号密码登陆</h1></header>
        <div class="login-head"><img src="./img/tmp/account.png"/></div>
        <article class="wrap-loginpage">
            <form class="loginwrap" id="accountloginwrap">
                <label class="wrap-login-code"><img src="./img/tmp/login-person.png" class="icon-login-person"><input type="text" name="account" placeholder="请输入账号" class="login-code"/></label>
                <label><input type="text" name="imgcode" maxlength="6" placeholder="图片验证码" class="login-code login-verify"/><img ry-imgtoken class="verify-img"/></label>
                <label class="wrap-login-code"><img src="./img/tmp/login-pwd.png" class="icon-login-person"><input type="password" name="pwd" placeholder="请输入密码" class="login-code"/></label>
                <label><input type="checkbox" agreement />同意<a href="#agreementpage">《用户协议》</a> <a href="#smsloginpage" class="forget-pwd">忘记密码</a></label>
            </form>
            <a class="loginbtn" ry-accountlogin="accountloginwrap">登陆</a>
            <a class="loginbtn forget-pwd" href="#accountregpage">注册</a>
        </article>
    </section>
    <!--账号密码注册-->
    <section id="accountregpage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>账号密码注册</h1></header>
        <article>
            <form class="loginwrap" id="accountregwrap">
                <label><input type="text" name="account" placeholder="请输入账号" class="login-input"/></label>
                <!--<label><input type="text" name="imgcode" maxlength="6" placeholder="请输入短信验证码" class="login-input"/><div class="getverify">获取验证码</div></label>-->
                <label><input type="text" name="imgcode" maxlength="6" placeholder="图片验证码" class="login-input"/><img ry-imgtoken/></label>
                <label><input type="password" name="pwd" placeholder="请设置6-20位密码" class="login-input"/></label>
                <label><input type="checkbox" agreement />同意<a href="#agreementpage">《用户协议》</a></label>
            </form>
            <a class="loginbtn register" ry-accountreg="accountregwrap">立即注册</a>
            <div class="loginreg">
                <a href="#loginpage">已有账号？立即登录</a>
                <a href="#smsloginpage">找回密码</a>
            </div>
        </article>
    </section>

    <section id="agreementpage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>用户协议</h1></header>
        <article class="pos20">
            用户协议
        </article>
    </section>
    <!--资金记录列表页-->
    <section id="mycapitalitempage">
        <header><a href="#" class="left hisback"></a><h1>资金记录</h1></header>
        <article>
            <table id="mycapitalitemwrap" class="tableitem">
                <thead>
                    <tr>
                        <th>流水号</th>
                        <th>摘要</th>
                        <th>费用</th>
                        <th>时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rssid></td>
                        <td summary></td>
                        <td fee></td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--积分记录列表页-->
    <section id="myintegralitempage">
        <header><a href="#" class="left hisback"></a><h1>积分记录</h1></header>
        <article>
            <table id="myintegralitemwrap" class="tableitem">
                <thead>
                    <tr>
                        <th>流水号</th>
                        <th>摘要</th>
                        <th>积分</th>
                        <th>时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rssid></td>
                        <td summary></td>
                        <td amount></td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--充值记录列表页-->
    <section id="myrechargeitempage">
        <header><a href="#" class="left hisback"></a><h1>充值记录</h1></header>
        <article>
            <table id="myrechargeitemwrap" class="tableitem">
                <thead>
                    <tr>
                        <th>流水号</th>
                        <th>支付方式</th>
                        <th>金额</th>
                        <th>时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rssid></td>
                        <td channelid></td>
                        <td fee></td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--订单记录列表页-->
    <section id="myorderitempage">
        <header><a href="#" class="left hisback"></a><h1>订单记录</h1></header>
        <article>
            <table class="tableitem">
                <thead>
                    <tr>
                        <th>流水号</th>
                        <th>支付方式</th>
                        <th>金额</th>
                        <th>操作</th>
                        <th>时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rssid></td>
                        <td channelid></td>
                        <td fee></td>
                        <td><span mapattr="rssid">退款</span></td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--提现记录列表页-->
    <section id="mywithdrawitempage">
        <header><a href="#" class="left hisback"></a><h1>提现记录</h1><a href="#withdrawapplypage" class="right">申请</a></header>
        <article>
            <table class="tableitem">
                <thead>
                    <tr>
                        <th>流水号</th>
                        <th>支付方式</th>
                        <th>金额</th>
                        <th>状态</th>
                        <th>时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rssid></td>
                        <td channelid></td>
                        <td fee></td>
                        <td></td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--提现申请页-->
    <section id="withdrawapplypage">
        <header><a href="#" class="left hisback"></a><h1>申请提现</h1></header>
        <article>
            <table>
                <tr>
                    <td>可提现金额：</td>
                    <td></td>
                </tr>
                <tr>
                    <td>申请金额：</td>
                    <td>
                        <input type="number" name="fee" />
                    </td>
                </tr>
                <tr>
                    <td>收款渠道：</td>
                    <td>
                        <label><input type="radio" name="channelid" value="1" /> 支付宝</label>
                        <label><input type="radio" name="channelid" value="2" /> 微信</label>
                    </td>
                </tr>
                <tr>
                    <td>收款账号：</td>
                    <td>
                        <input type="number" name="account" />
                    </td>
                </tr>
                <tr>
                    <td>说明：</td>
                    <td>
                        1、支付宝只支持,Email；<br />
                        2、微信只支持openid，通过微信登陆授权自动获取；
                    </td>
                </tr>
            </table>
            <a class="loginbtn">申请</a>
        </article>
    </section>

    <!--设备接口页-->
    <section id="devicepage">
        <header><h1>设备接口</h1></header>
        <article>
            <ul class="item arrowr pos20">
                <li><a href="#takephotospage">摄像头拍照</a></li>
                <li><a href="#innerwebpage">打开新窗口</a></li>
                <li><a href="#browserpage">使用系统浏览器打开</a></li>
                <li><a href="#closewinpage">关闭窗口/退出程序</a></li>
                <li><a href="#musicplaypage">播放音乐</a></li>
                <li><a href="#vibratorpage">震动</a></li>
                <li><a href="#locationlistenerpage">启动定位</a></li>
                <li><a href="#mapmarkerpointpage">地图标点</a></li>
                <li><a href="#mapselectpointpage">搜索地点</a></li>
                <li><a href="#getpackagesignpage">获取签名</a></li>
                <li><a href="#qrcodescanpage">二维码扫码</a></li>
                <li><a href="#getversionpage">获取版本号</a></li>
                <li><a href="#toastshowpage">即时消息</a></li>
            </ul>
        </article>
    </section>

    <!--使用系统浏览器打开-->
    <section id="browserpage">
        <header><h1>使用系统浏览器打开</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="browser">JS方法实现</a></li>
                <li></li>
                <li><a js-browser="http://www.rsseasy.com">自定义属性方法实现</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--即时消息-->
    <section id="toastshowpage">
        <header><h1>即时消息</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="toastshow">JS即时消息</a></li>
                <li></li>
                <li><a js-toastshow="中企聚易">自定义即时消息</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--获取版本号-->
    <section id="getversionpage">
        <header><h1>获取版本号</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="getversion">JS获取版本号</a></li>
                <li></li>
                <li><a js-getversion="">自定义获取版本号</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--获取签名-->
    <section id="qrcodescanpage">
        <header><h1>获取签名</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="qrcodescan">JS二维码扫描</a></li>
                <li></li>
                <li><a js-qrcodescan="">自定义二维码扫描</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--获取签名-->
    <section id="getpackagesignpage">
        <header><h1>获取签名</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="getpackagesign">JS方法实现</a></li>
                <li></li>
                <li><a js-getpackagesign="">自定义方法实现</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--搜索地点-->
    <section id="mapselectpointpage">
        <header><h1>搜索地点</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="mapselectpoint">JS搜索</a></li>
                <li></li>
                <li><a js-mapselectpoint="">自定义搜索</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--选择标点-->
    <section id="mapmarkerpointpage">
        <header><h1>启动定位</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="mapmarkerpoint">JS标点</a></li>
                <li></li>
                <li><a js-mapmarkerpoint="" data-lng="116.40388" data-lat="39.91489" data-title="中企聚易" data-zoom="15">自定义标点</a></li>
            </ul>
        </article>
    </section>

    <!--启动定位-->
    <section id="locationlistenerpage">
        <header><h1>启动定位</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="locationlistener">JS启动定位，默认2秒</a></li>
                <li><a id="locationlisteneronce">JS启动定位，只运行一次</a></li>
                <li><a id="locationlistenertime">JS启动定位，间隔运行</a></li>
                <li><a id="locationlistenerstop">JS启动定位，停止定位</a></li>
                <li></li>
                <li><a js-locationlistener="2000">自定义属性启动定位</a></li>
                <li><a js-locationlistener="2000" data-once="1">自定义属性启动定位，只运行一次</a></li>
                <li><a js-locationlistener="2000" data-stop="1">自定义属性启动定位，停止定位</a></li>
            </ul>
            <div></div>
        </article>
    </section>

    <!--震动-->
    <section id="vibratorpage">
        <header><h1>震动</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="vibratorbtn">JS震动</a></li>
                <li><a js-vibrator="">自定义属性震动</a></li>
            </ul>
        </article>
    </section>

    <!--播放音乐-->
    <section id="musicplaypage">
        <header><h1>播放音乐</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="musicplaybtn">JS播放音乐</a></li>
                <li><a id="musicpausebtn">JS暂停/继续音乐</a></li>
                <li><a id="musicstopbtn">JS停止音乐</a></li>
                <li></li>
                <li><a js-musicplay="play" data-url="http://sysv2.rss.ry1.itemjia.com/upfile/genv.mp3">自定义属性播放音乐</a></li>
                <li><a js-musicplay="pause">自定义属性暂停/继续音乐</a></li>
                <li><a js-musicplay="stop">自定义属性停止音乐</a></li>
            </ul>
        </article>
    </section>
    <!--打开新窗口-->
    <section id="innerwebpage">
        <header><h1>打开新窗口</h1></header>
        <article class="pos20">
            <ul class="item arrowr pos20">
                <li><a id="innerweb">http://www.rsseasy.com</a></li>
                <li><a js-innerweb="http://www.baidu.com" data-bgcolor="#ff0000">百度</a></li>
            </ul>
        </article>
    </section>

    <!--摄像头拍照-->
    <section id="takephotospage">
        <header><h1>摄像头拍照</h1></header>
        <article class="pos20">
            <div>存储地址：<span id="takephotoscutpath"></span></div>
            <div>
                默认160px剪切图片、Base64图片<div id="takephotoscutimg"></div>
            </div>
            <br />
            <ul class="item arrowr pos20">
                <li><a action="">拍照</a></li>
                <li><a action="cut">拍照并剪切</a></li>
            </ul>
        </article>
    </section>

    <!--RSSAPI-->
    <section id="rssapipage">
        <header><h1>RSSAPI</h1></header>
        <article>
            <ul class="item arrowr pos20">
                <li><a href="#postidpage">快递单查询</a></li>
                <li><a href="#articleitempage">文章列表</a></li>
                <li><a href="#rsswherepage">RssWhere条件</a></li>
                <li><a href="#lbspage">LBS距离</a></li>
            </ul>
        </article>
    </section>

    <section id="lbspage">
        <header>
            <a href="#" class="left hisback"></a><h1>LBS列表查询</h1>
        </header>
        <article>
            <table>
                <tbody id="lbsitemwrap" mappage="lbsdetailpage" mapquery="id">
                    <tr>
                        <!--配置详情页，以及给详情页提供条件查询数据-->
                        <td>
                            <div class="ico"><img ico /></div>
                        </td>
                        <td>
                            <h2 title></h2>
                        </td>
                        <td><span getdistance></span>米</td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--文章列表-->
    <section id="articleitempage" class="nofooter">
        <header><a href="#" class="left hisback"></a><h1>文章列表</h1></header>
        <article>
            <table>
                <tbody id="articleitemwrap" mappage="articledetailpage" mapquery="id">
                    <tr>
                        <!--配置详情页，以及给详情页提供条件查询数据-->
                        <td>
                            <div class="ico"><img ico /></div>
                        </td>
                        <td>
                            <h2 title></h2>
                        </td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
        <footer>
            <a href="#articleiappendpage" islogin="#articleitempage">增加</a>
        </footer>
    </section>

    <!--文章详情-->
    <section id="articledetailpage" class="footer">
        <header><a href="#" class="left hisback"></a><h1 rsstitle></h1></header>
        <article class="pos20" matter></article>
        <footer>
            <ul>
                <li>收藏(<b ry-collect="article" iscollect="0" collectamount>0</b>)</li>
                <li>点赞(<b ry-praise="article" ispraise="0" praiseamount></b>)</li>
                <li>关注(<b ry-attention="article" isattention="0" attentionamount>0</b>)</li>
                <li ry-pay="article">购买(<b price></b>)</li>
            </ul>
        </footer>
    </section>

    <!--rsswherepage-->
    <section id="rsswherepage">
        <header><a href="#" class="left hisback"></a><h1>RssWhere条件</h1></header>
        <article>
            <ul class="item arrowr pos20">
                <li><a href="#wherepage">等于</a></li>
                <li><a href="#whereinpage">in</a></li>
            </ul>
        </article>
    </section>

    <!--等于-->
    <section id="wherepage">
        <header><a href="#" class="left hisback"></a><h1>等于</h1></header>
        <article class="pos20">
            <h2>格式：condition({"key1":"value1","key2":"value2"})<br />where子句：key1='value1' and key2='value2'</h2>
            <table>
                <tbody>
                    <tr>
                        <td>
                            <div class="ico"><img ico /></div>
                        </td>
                        <td>
                            <h2 title></h2>
                        </td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <!--in条件-->
    <section id="whereinpage">
        <header><a href="#" class="left hisback"></a><h1>IN条件</h1></header>
        <article class="pos20">
            <h2>格式：condition({"key1":"{in~value1~value2~value3}"})<br />where子句：(key1 in ('value1','value2','value3'))</h2>
            <table>
                <tbody>
                    <tr>
                        <td>
                            <div class="ico"><img ico /></div>
                        </td>
                        <td>
                            <h2 title></h2>
                        </td>
                        <td shijian></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>

    <section id="articleiappendpage">
        <header><a href="#" class="left hisback"></a><h1>文章增加</h1></header>
        <article>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </article>
    </section>

    <!--快递单查询-->
    <section id="postidpage">
        <header><a href="#" class="left hisback"></a><h1>快递单查询</h1></header>
        <article class="pos20">
            <input type="text" id="postid" placeholder="物流快递单号，不支持顺丰" value="3374023031931" /><button type="button" id="postidbtn">查询</button>
            <table>
                <tbody id="postiditemwrap">
                    <tr>
                        <td time></td>
                        <td context></td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>
    <!--启动引导页-->
    <section id="launchpage" class="nofooter noheader">
        <article class="pageslide">
            <ul>
                <li>
                    <img src="img/launch/1.jpeg" />
                </li>
                <li>
                    <img src="img/launch/2.jpg" />
                </li>
                <li>
                    <img src="img/launch/3.jpg" />
                </li>
                <li>
                    <img src="img/launch/4.jpg" />
                </li>
                <li>
                </li>
            </ul>
        </article>
    </section>
    <script type="application/javascript" src="http://sys.zhaojixie.ry2.itemjia.com/data/rydata.js"></script>
    <script type="text/javascript" src="js/md5.min.js"></script>
    <script src="data/arealist.js" type="text/javascript"></script>
    <script src="data/rsscode.js"></script>
    <script src="js/rsseasy.v2.min.js?v1"></script>
    <script src="js/app.js?v9"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.12&key=187057fea85432fbfb116cdf963b7066"></script>

    <!--页功能-->
    <script src="js/page/smslogin.js"></script>
    <script src="js/page/userInfo.js"></script>
    <script src="js/page/gongfang.js"></script>
    <script src="js/page/accountlogin.js"></script>
    <script src="js/page/accountreg.js"></script>
    <script src="js/page/zhaojiexieList.js"></script>
    <script src="js/page/ershou.js"></script>
    <script src="js/page/fabuList.js"></script>
    <script src="js/page/peijian.js"></script>
    <script src="js/page/zhaopin.js"></script>
    <script src="js/page/wuliu.js"></script>
    <script src="js/page/anli.js"></script>
    <script src="js/page/zhaobanzu.js"></script>
    <script src="js/page/addJixie.js"></script>
    <script src="js/page/message.js"></script>
    <script src="js/page/jixie.js"></script>
</body>

</html>